如何通过浮点数得到一个余数左边：对吧？

Question

http://jsfiddle.net/hga7Lxt8/1/

float: right;
margin-left: 10px;

橙红色框的左侧没有边距（行的顶部边框直到它），即使它具有这样的样式属性。有什么问题？

Answer 1

apply a semi-transparent background-color时，您可以看到真正的问题。

您需要了解的是内容会浮动浮动元素，不包含框（除非它们也浮动或将显示属性设置为block以外的其他内容）。< / p>

您可以通过在margin-right: 110px;上设置.row来修复它：

http://jsfiddle.net/hga7Lxt8/4/

如果你的浮动元素有任何透明度（或盒子阴影），你想要实现的只能是faked并且不会“工作”。

Answer 2

行元素在橙色框后面继续。尝试：

 .right {
     float: right; 
     width: 100px; 
     height: 100px; 
     background: orangered;
 }
 .row {
     border-top: 1px solid;    
     overflow: auto;
     margin-right: 110px;
 }

http://jsfiddle.net/thrb5936/