html – css：50％宽度div之间的20px gutter

概述我有一个100％宽度的容器div,里面有2个.block div,宽度均为50％,显示内联块并向左浮动.在这些div之间是否可以拥有一致的20px排水沟？ 我尝试了一种简单的方法,将它们的宽度设置为49％,并在左侧设置2％的右边距,但理想情况下,如果可能的话,我希望在这两个div之间保持一致的20px排水沟.jsFiddle demo： http://jsfiddle.net/D6U3t/ HTM 我有一个100％宽度的容器div,里面有2个.block div,宽度均为50％,显示内联块并向左浮动.在这些div之间是否可以拥有一致的20px排水沟？
我尝试了一种简单的方法,将它们的宽度设置为49％,并在左侧设置2％的右边距,但理想情况下,如果可能的话,我希望在这两个div之间保持一致的20px排水沟.Jsfiddle demo： http://jsfiddle.net/D6U3t/
HTML：

<div >    <div ></div>    <div ></div></div>

CSS：

.container {    position: absolute;    top: 0; left: 0;    wIDth: 100%; height: 300px;    background-color: silver;}.block {    position: relative;    wIDth: 50%; height: 200px;    background-color: red;    display: inline-block;    float: left;}

任何建议将不胜感激！

解决方法 如果包装div可以接受,我可以帮助你.
秘密是(通常是)* {Box-sizing：border-Box;}.

Fiddle.

总结

以上是内存溢出为你收集整理的html – css：50％宽度div之间的20px gutter全部内容，希望文章能够帮你解决html – css：50％宽度div之间的20px gutter所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。