div的居中和自适应包含的浮动层的大小

div中内容的居中可以使用

text-align: center;

但这对div本身不起作用,对内部嵌套的div也不起作用,在W3CN捷足先登学用CSS:HTML结构化中查到,原来div自身的水平居中可以使用

margin-right: auto;
margin-left: auto;

就可以了。

另:text-align: center;在IE中可以使内嵌的div居中,但在ns系列浏览器中不行,而上述的margin方法在IE中好像也不起作用。

如果一个层包含了一个浮动层,那么父层的大小不会和浮动层相关联,这在某些情况下不是我们所希望的,解决的方法只能是在浮动层同级代码中增加一个隐藏内容或者是另外一个只占地方的不动的层。参见:Containing Floats

7.15

Leave a Reply

Your email address will not be published. Required fields are marked *