如何使用CSS布局左右两栏?

html-css030

如何使用CSS布局左右两栏?,第1张

手机浏览器一般都不支持

float

浮动,所以可以用

display:

inline-block

来代替它,当然你也可以用table来布局。用两个

display:inline-block

的块元素,并设定它们的宽度:width:49%

就可以实现一栏两列的布局了。

是你没有设置好,任何标签的100%是相对于父亲节点而言的,如果你连父亲节点都不确定是多高的话,那你当前节点设置成100%是没有意义的。

因此,你看一下你的代码,把它所有的长辈节点设置为height:100%

众所周知,所有网页的根节点是html,然后是body,因此这两个节点是一定要设置为100%的。

另外如果你用的是asp.net,很可能还会有一个form节点,这个节点也是要设置为100%的

因此,body,html,form{height:100%},如果你的排版节点直接放在body下面,这样写就可以实现你要的效果了