尝试无缝连接2个div标签

Question

我有以下脚本：

http://jsfiddle.net/NNMCV/

出于某种原因，我得到一个灰色像素，其中2个框连接在左侧边框上。如何纠正它，看起来像一条实线？

Answer 1

我使用position:relative;将.item_one撞到了一个像素，看起来不错。

.item_one
{
    padding:5px 10px 5px 10px;
    border:1px black solid;
    border-bottom:1px white solid;
    background-color:white;
    float:left;
    position:relative;
    top:-1px;
    z-index:1;
}

Answer 2

对border-bottom:none;：

尝试.item_one

http://jsfiddle.net/smPvH/8/

Answer 3

白点是.item_one div的底部边框 set border-bottom：none; for .item_one
机顶：39px;对于.item_twenty

另外，尝试添加z-index：0;到.item_twenty以确保它落后于.item_one

Answer 4

除非我误解了这个问题，否则你可以像在my update中那样将两者包装在一个“容器”元素中。就个人而言，我可能会使用定义列表。