html 子列表自动添加填充

Question

我有一个列表，其中有一个子列表，我正在用两个 DIV 填充它，它们都 FLOAT(ed) 到左边。

结构就像-

<ol> <li>
    <ol>
    <li>
        <div>first div</div>
        <div>second div</div>
    </li>
    <li></li>
    <li></li>
    <li></li>
</ol>
</li>
</ol>

现在，第一个向左浮动的图像效果很好，但另一个向左浮动（文本向右移动）自动 在顶部添加 7px 的自动填充 为此，我必须在第一张图片上填充顶部 div。

如何删除第二个 div 中的自动填充？

例子here

我在这张图片中用红色标出了问题 -

Answer 1

你可以写 css 作为第二个 div 使用这个：

li:nth-child(2) {
    padding-top: 0;
}

Answer 2

也许更正 CSS 会得到结果：

.comm_img{
    padding-top:5px;
}

.comm_text{
    margin-top:0px;
}

Answer 3

您可以使用负值margins，这样您就可以在任何方向上移动元素。在您的情况下，您可以在第二个 div.

中添加负数 margin-top

.com_text {
    margin-top: -5px;
}

html 子列表自动添加填充

html sub list automatically adding padding

html

css

padding