简单来讲,当需要网站有较强的对分辨率及内容大小的适应能力的时候,就需要采用浮动定位。浮动定位能帮助我们将布局浮在窗口之中,而不是固定在窗口的某个位置,所以其目的主要是针对非固定类型的网页进行设计。
1.距中布局
对一个元素距中,是相对于它的左右两个边而言。如果浏览器窗口的宽度不固定(可能由不同大小的显示分辨率不同而造成,或者窗口放大、缩小所造成),那么就需要用div,采用针对左右margin的auto设置,以便让元素距中浮动。
2.横向宽度可百分比缩放
如果有一个二列宽度自适应布局,当左列的宽度无法固定时,则右列的位置也就无法固定,因此右列必须浮动到左列的右边贴近,才可以适应左列宽度的随时变化。
3.需要借助 margin、 padding、 border等属性
浮动式布局能够使我们通过控制对象的边框、间距等来精确地控制它们之间的位置关系,考虑到每个对象的外边距不一样,导致身边的对象位置会发生变化,所以有些看似固定布局的网站,如果需要釆用margin来控制对象占位,也需要使用浮动定位。
此外还有其他各种情况的选用,但关键的一点,就是需要布局能够灵活地变化,这便是浮动式布局的初衷。从实际工作来看,80%情况下都将围绕浮动布局进行设计,所以掌
握浮动定位是CSS布局的重中之重。
还没有评论,来说两句吧...