CSS中没写float: left;导致DIV无法横向并排显示
yaml框架里的DIV并排显示非常方便,在框架的基础上(注意这句,我就是忘了这句才导致以下错误),只用到左DIV元素的width属性和右DIV属性的margin-left属性即可实现两个或三个div并排显示。但一次我用自己定义的ID名写了几个DIV,完全按照yaml的写法,却发现出了问题,以下代码在firebug中查看DIV是有错位的:
xxxxx
What?
什么 …
虽然写了width: 25%;和margin-left: 40%;,但看起来两个div有错位,我在yaml框架里的core中查看,原来还有一句float:left;没写,写上就好了。如下:(注意:虽然core.css中还有一句display:inline,但这句在这里没用)
What?
什么 …
xxxxx
