UC知道CSS代码：小方块如何在大方块居中显示
来源：百度知道 编辑：UC知道 时间：2024/06/08 06:18:11
为什么我同时设置了大小方块的边，大的怎么不显示呢？大方块为什么必须加上背景才能显示？小方块为什么只是左右居中了？以下是我的代码，刚学CSS的
body{
width:800px;
height:800px;
background:#999999;}
#big .small{border:1px solid #0000FF;}
#big{width:400px;
height:400px;
margin:auto;
background:#FF0000;}
.small{width:200px;
height:200px;
margin:auto;}
<body>
<div id="big">
<div class="small">
</div>
</div>
body{
width:800px;
height:800px;
background:#999999;}
#big .small{border:1px solid #0000FF;}
#big{width:400px;
height:400px;
margin:auto;
background:#FF0000;}
.small{width:200px;
height:200px;
margin:auto;}
<body>
<div id="big">
<div class="small">
</div>
</div>
1. 你实际上只设了小方块的边：#big .small 表示在id为big的元素内部class为small的元素，就是代码中的小方块而已。 如果你要给大小方块同时加边框，要用 #big, .small{border:1px solid #0000FF;}
2. 利用margin: auto只能使元素水平居中而已, 用css垂直居中元素有些复杂，而且不同浏览器有不同表现，具体解决方法请参照http://www.blueidea.com/tech/web/2006/3231.asp
上下是不能通过margin:auto;居中的
看看我空间的一篇文章就知道了