我正在使用此CSS来格式化两列,但是我仍然在两列之间留有边距空间。我可以使用margin-left:-4px;或类似的方法消除它。有没有更优雅的方法可以做到这一点,或者CSS代码有问题?
margin-left:-4px;
div.col1{ display: inline-block; min-height: 900px; height: 100%; width 300px; margin: 0px; background-color: #272727; overflow: hidden; border: 1px dotted red; } div.col2{ display: inline-block; min-height: 900px; height: 100%; width: 620px; margin: 0px; vertical-align: top; border: 1px dotted red; overflow: hidden; }
也许您有:
<div class="col1"> Stuff 1 </div> <div class="col2"> Stuff 2 </div>
?如果是这样,那么这可能是一个空格问题(事实证明,空格在html中确实很重要)。这应该解决它:
<div class="col1"> Stuff 1 </div><div class="col2"> Stuff 2 </div>