为了账号安全,请及时绑定邮箱和手机立即绑定

如何用CSS进行网页布局

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.60
1991人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰

最新回答 / 陈冠玮
就把righe 标签 写在前面呀 ~ 他本来的代码 就是把 right 写在前面的! 你只需要绝对定位 left  ,然后right 用margin-left:210px;就好了

最新回答 / 慕用8339455
注意float与position的区别:float仅仅只是将元素浮动到左边或者右边,没有任何数值要求但是当有数值要求时,用绝对定位position更加精确

最赞回答 / qq_落城南_0
就是中间字体太大,装不下,你可以把字体调小,我用的3px,然后你看效果,就可以了。高度我用的300px, 然后你全屏看效果,应该是了,我都行。

最赞回答 / 行云LS
因为是先加载right后加载left,right没有浮动,因此要占一整行,left就被挤下去了。要达到效果可以把left变为绝对定位。代码如下<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>混合布局编程挑战</title><style typ...

最新回答 / 佳明大帅比
不知道为啥 你的代码没看出毛病 而且 我复制你的代码 我这边没有下沉 建议你保存一下换个浏览器试试

最赞回答 / 精慕门4419002
<style type="text/css">body{ margin:0; padding:0; font-size:30px; color:#fff}.top{height:100px;background-color:grey;}.main{height:500px;}.left{width:200px;height:500px;position:absolute;left:0;background-color:blue;}.right{height:500px;position:abs...

最新回答 / 冉英俊
对哦, 而且left 中 position:absolute; 都可以不写

最新回答 / qq_Ibelive_rswQ45
不一定非得用NOTepad++,很多软件都可以用的,像dreamwear, 我用的是visual Studio code

最新回答 / qq_云水边静沐暖阳_04205942
经测试,并没有发现你的代码运行结果中间方块下移哦

最新回答 / 安生012
子绝父相,可以的

最新回答 / qq_慕村3571249
right相当于为main这个父项中的一个子项由于最开始设置mian是自适应宽度,题目要求right也是自适应则这里设置的的百分比相对于占用父项main的比例不能超过100%就可以,题目要求left的宽度为固定的100px你就不能设置百分比将left宽度修改即可

最新回答 / 写代码机器猫
<div class="top"></div>   <div class="head">   </div>你的代码写错了。块元素会另起一行,你的写到top父元素里面去,正确写法如下:<div class="top">           <div class-"head"></div></div>

最新回答 / lvaejin
.main 中的height属性写错了

最新回答 / 慕函数6590268
额看不到截图吗spd10000dadwsvanjugqkavoesviykxhyvxjezokdw
课程须知
1.你需要掌握html+css样式基础知识 2.有一定的前端实际开发经验
老师告诉你能学到什么?
1.掌握网页布局的相关知识 2.能对不同的网页进行布局结构划分 3.掌握固定宽度和自适应宽度的实现方法

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消