课程
/前端开发
/HTML/CSS
/如何用CSS进行网页布局
不太理解任务四。为什么要margin-top:600px;这样写?3个div,top,main和footer在页面中从上到下,margin是外边距,在footer中margin不是应该是到main的外边距么?
2016-08-05
源自:如何用CSS进行网页布局 5-2
正在回答
这不是要给div设置高度的问题,设置了float(浮动)、position:absolute(绝对定位)等脱离文档流的样式后,就和文档流脱离了。也就是不在一个层面。而文档流的内容就会接着上一个文档流内容排列。举个例子:水缸里扔了一块石头,如果让这石头脱离文档流,就把石头抓起来。那么石头原来所占体积的空间就会被水填充了。像这个任务4,他前面的元素脱离文档流了,那么footer就会接着前面没有脱离文档流的元素排列。footer要消除前面浮动的影响,只要清除浮动就行了。clear:both(或者同时 clear:left;clear:right;)
打边炉
我说怎么不对劲, 他没给div-mian 设置高度 。不给大的div设置宽度,即使有内容填充, 下方的foot 还是会紧贴着 top
我不知道你是不是我想的这个意思,main是自适应高度,没有设定明确的高度,而main里面的其他元素都是float了,都浮动上去了,你可以想象它浮起来了,那footer就紧挨着有高度的top,而main没有,所以不是footer到main的外边距吧,而是到top的。。是这个意思吗??
这个我觉得不用管了吧,现在基本不用考虑ie6了
举报
用最简洁的案例教你布局的那些知识,这是前端工程师基本技能