绝对定位和浮动的区别和运用
学习到现在, 定位和浮动也都涉及到了, 但有些朋友可能还在迷惑, 两者都可以分栏布
局,到底什么时候用浮动,什么时候用定位呢?
当一个元素使用绝对定位后,它的位置将依据浏览器左上角开始计算或相对于父容器
(在父容器使用相对定位时)。 绝对定位使元素脱离文档流, 因此不占据空间。 普通文档流
中元素的布局就当绝对定位的元素不存在时一样。因为绝对定位的框与文档流无关, 所以它
们可以覆盖页面上的其他元素。
而浮动元素的定位还是基于正常的文档流,然后从文档流中抽出并尽可能远的移动至左
侧或者右侧。 文字内容会围绕在浮动元素周围。 当一个元素从正常文档流中抽出后, 仍然在
文档流中的其他元素将忽略该元素并填补他原先的空间。它只是改变了文档流的显示, 而没
有脱离文档流,理解了这一点,就很容易弄明白什么时候用定位,什么时候用浮动了。
一个元素浮动或绝对定位后,它将自动转换为块级元素,而不论该元素本身是什么类型。
有关定位的视频教程请参看: http://www.aa25.cn/div_css/899.shtml
浙公网安备 33010602011771号