CSS的外边距问题
<body>
<div id="aaa" style="background:#00F; width:300px; height:300px;">
<div id="bbb" style="background:#F00; width:100px; height:100px; margin:100px;"></div>
</div>
</body>
代码是这样的，为什么我在浏览器打开，效果是这样的呢（见图片，dw里看都不是这样的啊）
第1个回答 2013-01-18
这是一个常见的外边距问题，解决办法：
设置外层div的边框即可。
设置外层div的边框即可。
第2个回答 2013-01-18
1：在css2.1中，水平的margin不会被折叠；垂直margin可能在一些盒模型中被折叠…
2：当第一个层浮动，而第二个没浮动层的margin会被压缩
解决办法就是在bbb里加float：left；但是这样的话 ie6就会出问题 所以还要加上display：inline；
或者是给aaa或bbb加上display:inline-block;本回答被提问者采纳
2：当第一个层浮动，而第二个没浮动层的margin会被压缩
解决办法就是在bbb里加float：left；但是这样的话 ie6就会出问题 所以还要加上display：inline；
或者是给aaa或bbb加上display:inline-block;本回答被提问者采纳
第3个回答 2013-01-18
给第一个div加上 display:inline-block;试试
第4个回答 2013-01-18
<div id="bbb" style="background:#F00; width:100px; height:100px; margin:100px;display:inline-block"></div>
第5个回答 2013-01-18
用padding吧 margin事太多
相似回答