CSS编码准则第三:理解Floating和Clearing属性
实现多栏排版的最好方法是使用float属性,float也是一个将使你受益匪浅的属性。一个float对象可以居左或居右,一个设置为float的对象,将根据设置的方向,左移或右移到其父容器的边界,或其前面的float对象的边界,而紧随其后的非float对象或内容,则包围在其相反的方向。
广州网站建设,网站建设,广州网页设计,广州网站设计
以下是使用float和clear属性的一些重要准则:
◆一个float对象,将从其置身的block级非float内容流中跳出,换句话说,如果你要将一个box向左边float,它后面的block级非float对象会显示到下方,inline级内容会在旁边包围
要让一段内容从一侧包围一个float对象,这段内容必须要么是inline级的,要么也设置为相同方向的float
◆一个float对象,如果没有设置宽度,则会自动缩成其包含的内容的宽度,因此最好为float对象明确设置宽度
◆如果一个block对象包含float子对象,会出现本文中阐述的问题。
◆一个设置了clear属性的对象,将不会包围其前面的float对象
◆一个既设置了clear又设置了float属性的对象,只有clear:left属性生效,clear:right不起作用
CSS编码准则第四:永远不要指望在所有浏览器中都一模一样
在不同浏览器实现相同的体验个功能是可能的,实现近似像素级的一致外观也是可能的,但永远不要指望一模一样,要知足常乐哟!
广州网站建设,网站建设,广州网页设计,广州网站设计



