最赞回答 / 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;...
2016-03-17
最新回答 / Geminihope
如果你想设置main的具体宽度,则大于等于left和right的宽度。大于left和right可以显示middle,如果是等于则left和right所在的那一行就无法显示middle。如果middle的高度大于left和right,则下方可以显示
2016-03-17
最新回答 / 咸鱼的日常
<...图片...>首先看这个要求,上面top,中间main颜色红色,left和right本来是在红色的main下面的,所以需要设置浮动和绝对定位,把left和right浮动到上面,然后下面有个foot,难点就在不改变<...code...>right和left的顺序的前提下,实现如图所示的布局,所以单一的float已经不行了,需要用到绝对定位。完整代码如下所示,你先理解理解,当然我的方法不是唯一的,也有其他方法能达到同样效果。<...code...>
2016-03-16
最新回答 / Happy_learning
绝对定位使元素脱离文档流,因此不占据空间。普通文档流中元素的布局就当绝对定位的元素不存在时一样。因为绝对定位的框与文档流无关,所以它们可以覆盖页面上的其他元素。 而浮动元素的定位还是基于正常的文档流,然后从文档流中抽出并尽可能远的移动至左侧或者右侧。文字内容会围绕在浮动元素周围。当一个元素从正常文档流中抽出后,仍然在文档流中的其他元素将忽略该元素并填补他原先的空间。它只是改变了文档流的显示,而没有脱离文档流,理解了这一点,就很容易弄明白什么时候用定位,什么时候用浮动了。 一个元素浮动或绝对定位后,它将自动...
2016-03-13
最赞回答 / 背着行囊独自流浪
元素与其它元素之间的距离可以使用边界(margin)来设置。边界也是可分为上、右、下、左。如下代码:div{margin:20px 10px 15px 30px;}也可以分开写:div{ margin-top:20px; margin-right:10px; margin-bottom:15px; margin-left:30px;}
2016-03-12
最新回答 / 流海侃人
自适应应该用position:absolute来实现。 写上position:absolute之后在写上left:210px right:10px。这样就规定了right块离<body>左右两侧的距离,无论浏览器窗口怎么动right块都是的左右两侧距离都是一定的。
2016-03-11