<html>
<head>
<style type="text/css">
.d{width:1000;float:left;}
*{margin:0;padding:0}
.d0{width:800px;height:300px;background:black;}
.d1{background:red;width:250px;height:300px;float:left;margin-left:-50%;}
.d2{background:yellow;width:250px;height:300px;float:left;}
</style>
</head>
<body style="width:1000 ;margin:0 auto">
<div class="d">
<div class="d0">
</div>
</div>
<div class="d1">
</div>
<div class="d2">
</div>
</body>
</html>
一、同一级别的盒子
1、盒子上下排列，上面盒子没有设置float属性，下面盒子设置float属性，那么下面盒子只能在原来所在行浮动。
2、盒子上下排列，上面盒子设置float属性，下面盒子没有设置float属性，那么下面盒子降跑向上面盒子所在位置，上面盒子盖在下面盒子上面。
3、盒子上下排列，上下盒子都设置float属性，那么下面盒子将紧挨着上面盒子浮动。
4、盒子上下排列，上下盒子都设置float属性，下盒子margin-left:设成负值，当负值正好大于等于下盒子宽度是下盒子跑到上盒子所在行。
5、盒子上下排列，上盒子没设置float属性，下盒子设置float属性，改变下盒子margin-left:设成负值，随便设置多少下盒子都不会跑到上盒子上。
分享到：
相关推荐
主要为大家介绍margin 负值引起的层级（z-index）问题的解决方法，需要的朋友可以参考下
NULL 博文链接：https://maoting.iteye.com/blog/1730354
我们在CSS中都会使用margin，但将margin设置成负数，那可能就不大好处理了，margin负值并非hack，margin负值遵循文档流；假如使用margin负值促使一个元素向上位移，那么相关元素也会随之发生位移；margin负值能良好...
ConstraintLayout(约束布局), 是2016年Google I/O最新推出的Android布局, 目前还在完善阶段. 从推出的力度而言, 应该会成为主流布局样式. 在最新版本的Android Studio中, ConstraintLayout已经成为默认布局.
JavaScript设置Div的margin参数
你真的了解margin吗？你知道margin有什么特性吗？你知道什么是垂直外边距合并？margin在块元素、内联元素中的区别？什么时候该用padding而不是margin？你知道负margin吗？你知道负margin在实际工作中的用途吗？常见...
本文介绍了css中子元素设置margin-top为什么影响了父元素，分享给大家，具体如下： <style type="text/css"> *{ margin: 0px; padding: 0px; } .show{ margin: 0px auto; width: 200px; height: ...
CSS中的边界margin的取值也可以为负值，有时候我们不敢相信，这是一个有趣的话题，负值边界会给我们带来更多新奇的创意，让我们的工作更具刺激和挑战。
理解margin塌陷和margin合并及其解决方案.docx
Firefox下margin-top 会将上级DIV也往下移.
Memory rank margin test is a memory test scheme under normal temperature and voltage. The whole test scheme is embedded in a specific BIOS. If the Rank Margin Tool option in BIOS is enabled, the ...
这个一个CSS padding和margin的例子，对初学者很有帮助的哦~ .divcss3{border:1px solid #F00;width:400px;margin-left:15px; padding-left:35px;} .box2 { margin-left:10px; padding-left:15px; width:300px...
而层的定位点，使用外补丁margin负值的方法。负值的大小为层自身宽度高度除以二。 如：一个层宽度是400，高度是300。使用绝对定位距离上部与左部都设置成50%。而margin-top的值为－150。margin-left的值为－200。...
一般很多人遇到的margin失效都是纵向上面的: 一种情况是元素的确不支持margin-top/bottom(参看：关于margin-top/bottom在inline元素（non-Replaced）上不起作用的解释); 另一种情况则是元素产生了margin叠加（参看：...
为什么有时候像android:layout_marginBottom等变量的赋值为负数? 例如如下代码： android:orientation="vertical" android:id="@id/Widget_2X4_frame" android:layout_width="fill_parent" ...
一、margin可以为负值 在盒模型中，内容区的width/height、padding、border都不能为负值，但是margin例外，它可以为负值。 关于margin负值的使用技巧，了解不多，日后有机会再补充，此处先贴一个经典应用，margin-...
Advances in large margin classifiers
外置 .main{ float:left;#float:none;_float:none;...#float:none;_float:none;...#float:none;_float:none;...#float:none;... } 第1行给Firefox以及其他浏览器看 第2行给safari/IE6/iE7看，如果safari/IE6/iE7 视觉效果不统一...
label 文字与input 垂直居中对齐不容易调好，不过使用margin-top负值可解决label文字与input垂直居中对齐问题
前端开发中，有时候会遇到设置子级div的margin属性后，导致整个父级div整体移动，有时候却是正常的，时而正常时而异常。