html - 2列div模板的css边框hack

Question

2 边框会重叠并产生不好的外观。我想将边框应用于位于 div 中的我的 li，也需要使用边框将其与旁边的 div 分开，

<div id="1">

</div>

<div>
    <ul>
        <li>item</li>
        <li>item</li>
        <li>item</li>
    </ul>
</div>

看看我的演示http://jsfiddle.net/CfYhY/

我的愿望效果：http: //i.imgur.com/Mkf5yJD.jpg

Answer 1

您是否尝试过使用负边距？

http://jsfiddle.net/CfYhY/1/

li {
    border-left: 4px solid red;
    border-bottom: 1px solid white;
    padding-left: 10px;
    margin-left: -4px;
}

顺便说一句，您不应该以数字开头元素 id。