CSS如何让div相对body居中 而其中的控件不受影响。

html-css04

CSS如何让div相对body居中 而其中的控件不受影响。,第1张

.div{margin:0

auto

width:800pxheight:200pxbackground:#f00display:table}

margin:0

auto

就是上下为0

左右居中

不能加FLOAT

否则不生效

display:table

是为了让高自动增加

就是自适应高度

是为了给CHROME或者FF设置的

IE不受影响,否则高度始终是为0的;

然后在在DIV里面写任何代码都没有事了

他会始终以BODY居中

css中>表示的就是父子级关系只能一级,如下这个示例:

<body>

    <div class="one">

        <div class="two"></div>

    </div>

</body>

像上边这个html结构,如果css写的是:

body > div{}

那就只能控制class为one这个div的样式。如果去掉>,就可以控制body里边的所有div。