课程
/前端开发
/HTML/CSS
/如何用CSS进行网页布局
课件里面写的设置了float属性的元素不是还处于标准文档流之中吗?可是为什么答案是float和绝对定位呢?不应该是fixed和决对定位才脱离标准文档流吗?
2016-09-12
源自:如何用CSS进行网页布局 3-2
正在回答
浮动元素是属于半脱离文档流,元素如果设置了浮动,它是会脱离文档流的,例如有两个div元素,第一个div
元素设置了浮动效果,第二个没有设置,那么第一个元素将会覆盖掉第二个元素,但是如果第二个元素里面
有文字内容 ,其实它确实盖住了元素,但是元素里面的文字却会自动围绕,这是它的字围现象,特殊的地方,
这时,网页上面有一些简介图片加文字就可以通过它实现
sdffsdadsdfghjklkjhgfsadfghj
那啥,我觉得float记为半脱离就好了,因为float确实会导致文本环绕效果,但是使用两个div实验,浮动的会覆盖在另一个上。我也搞不懂,但感觉这样理解,好受些。
文字会围绕float的元素,所以float的元素在文档流还是占有一定位置
文字被absolute的元素遮挡了,说明absolute的元素已经完全脱离文档流,文字可以无视它的存在。
float本身是不可以让文本脱离文档流的,但是加上position:absolute;就可以了。
单独使用float时,即便是被设置了浮动,元素仍然在标准文档流中, 但是由于设置了绝对定位,使得元素脱离了文档流,所以说是两者的结合才可以使元素脱离文档流,起作用的是绝对定位,而不是float哦;另外,fixed固定定位,设置了以后元素是不会脱离文档流的
朵朵熙熙丶
举报
用最简洁的案例教你布局的那些知识,这是前端工程师基本技能