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

如何用CSS进行网页布局

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

最新回答 / 慕数据3914169
额   我知道叫相对布局,可是为什么要设置这个呢?

最赞回答 / Original121
<style type="text/css">body{ margin:0; padding:0; font-size:30px; color:#fff}.top{height:100px; background:#ccc}.main{height:960px;background:red}.left{width:40%;height:960px;background:blue;float:left}.right{width:57%;height:960px;background:green;...

最新回答 / Geminihope
如果你想设置main的具体宽度,则大于等于left和right的宽度。大于left和right可以显示middle,如果是等于则left和right所在的那一行就无法显示middle。如果middle的高度大于left和right,则下方可以显示

已采纳回答 / 浮生若梦_0023
就把righe 标签 写在前面呀 ~ 他本来的代码 就是把 right 写在前面的! 你只需要绝对定位 left  ,然后right 用margin-left:210px;就好了

已采纳回答 / 慕侠5947235
你是不是看错 height和width的值了。。

最新回答 / 咸鱼的日常
<...图片...>首先看这个要求,上面top,中间main颜色红色,left和right本来是在红色的main下面的,所以需要设置浮动和绝对定位,把left和right浮动到上面,然后下面有个foot,难点就在不改变<...code...>right和left的顺序的前提下,实现如图所示的布局,所以单一的float已经不行了,需要用到绝对定位。完整代码如下所示,你先理解理解,当然我的方法不是唯一的,也有其他方法能达到同样效果。<...code...>

已采纳回答 / honoril
若不设置浮动,两个板块就会按照代码输入顺序上下排列而不是左右排列了。可以试一下。

最新回答 / 走走道儿丢了
直接在div中写p标签就行<div>    <p>test</p></div>如果需要顶格,需要取出body的padding与margin

已采纳回答 / 南雄
是不是比例弄错了

已采纳回答 / 2016_Maybe
把div中的main那个文字去掉就好了<...图片...>

已采纳回答 / 玖零儛
中间没设置宽度,继承父物体body宽度,左边设置为200px,左边剩余空间放不下默认宽的中间,中间被挤下来独占一排,剩下的右边也是在另外一行的右边

已采纳回答 / 我乐意
把左浮动那行多的大括号删掉试试

最新回答 / 浮生若梦_0023
当然不加 !!你都没有用浮动 干嘛加 清除浮动!!

最新回答 / Happy_learning
绝对定位使元素脱离文档流,因此不占据空间。普通文档流中元素的布局就当绝对定位的元素不存在时一样。因为绝对定位的框与文档流无关,所以它们可以覆盖页面上的其他元素。 而浮动元素的定位还是基于正常的文档流,然后从文档流中抽出并尽可能远的移动至左侧或者右侧。文字内容会围绕在浮动元素周围。当一个元素从正常文档流中抽出后,仍然在文档流中的其他元素将忽略该元素并填补他原先的空间。它只是改变了文档流的显示,而没有脱离文档流,理解了这一点,就很容易弄明白什么时候用定位,什么时候用浮动了。 一个元素浮动或绝对定位后,它将自动...
课程须知
1.你需要掌握html+css样式基础知识 2.有一定的前端实际开发经验
老师告诉你能学到什么?
1.掌握网页布局的相关知识 2.能对不同的网页进行布局结构划分 3.掌握固定宽度和自适应宽度的实现方法

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消