                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /如何用CSS进行网页布局

浮动与绝对/相对定位

什么时候用哪种啊我看这里的例子全部用浮动解决了好像就用到过一次绝对相对定位？而且我之前再看别的课程的时候不是说浮动的时候会有影响吗怎么这里全都规规矩矩的，，，，

betterl

2016-03-13

源自：如何用CSS进行网页布局 5-2

关注问题我要回答

563

操作

收起

2 回答

Happy_learning
2016-05-22

绝对定位使元素脱离文档流，因此不占据空间。普通文档流中元素的布局就当绝对定位的元素不存在时一样。因为绝对定位的框与文档流无关，所以它们可以覆盖页面上的其他元素。
而浮动元素的定位还是基于正常的文档流，然后从文档流中抽出并尽可能远的移动至左侧或者右侧。文字内容会围绕在浮动元素周围。当一个元素从正常文档流中抽出后，仍然在文档流中的其他元素将忽略该元素并填补他原先的空间。它只是改变了文档流的显示，而没有脱离文档流，理解了这一点，就很容易弄明白什么时候用定位，什么时候用浮动了。
一个元素浮动或绝对定位后，它将自动转换为块级元素，而不论该元素本身是什么类型。
最后浮动与绝对/相对定位根据你的需求而定