Css使Div自适应居中
.d {
width: 200px;
height: 350px;
background-color: #000;
margin-top: 20px;
margin-left: auto;
position: absolute;
}
</style>
然后div就贴左边了- - 展开
在布局一张网页时，通常网页主体框架是居中于浏览器中的。实现最外层DIV水平居中与浏览器中需要一个条件和一个设置。假如最外层DIV盒子的CSS命名为“#divcss5”，这个时候为了兼容各大浏览器实现最外层的这个盒子居中。
条件：这个时候对“body”设置css内容居中样式（text-align:center）即CSS代码：
body{text-align:center}
设置：这个时候对“#divcss5”设置居中必备样式css margin 即CSS代码：
#divcss5{margin:0 auto}
扩展资料
CSS DIV技巧
1、css font的简写规则：
当我们写字体样式的时候，我们也许会这样子写
font-size: 1em;
line-height: 1.5em;
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-family: verdana,serif
其实，这样写是完全多余的，我可以只用font 来写就OK了。
比如：font: 1em/1.5em bold italic small-caps verdana,serif
2、把几个class属性写在一起
通常情况写，属性里面的class只有一个值，但这并不是意外着你只能给它
赋一个class名，我们可以赋2个以上。比如
<p class="text side">...</p>
不过，需要注意的是，class里面是用空格把他们分开来的，而不是“，”，这点需要注意一下。这样运用了，那么text和side的class 就会运用到p元素中。
你犯了两个错误：
1、position不能设为absolute，否则自动边距是无效的，也不能使用浮动定位。
2、左右边距都要设为自动才能居中。
这样就可以了：
<style type="text/css">
.d {
width: 200px;
height: 350px;
background-color: #000;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
</style>
<div class="d">
dddd
</div>
如有帮助，请点击采纳按钮，谢谢支持~
啊。。好了。。非常感谢。。
呵呵~
