margin值解析小结

在蓝色理想看到一篇帖子如何理解负边距,代码如下:

#mainer {
 float:left;
 width:100%;
 margin-right:-300px;
 background:silver;
}
#main {
 margin-right:300px;
}
#sider {
 float:right;
 width:300px;
 background:orange;
}
<div id="mainer">
 <div id="main"><strong>main</strong></div>
</div>
<div id="sider"><strong>sider</strong></div>

实际效果如下:

margin值测试

margin值测试

更多内容