自动添加填充的html子列表

自动添加填充的html子列表,html,css,padding,Html,Css,Padding,我有一个列表,它有一个子列表,我用两个div填充,两个div都在左边浮动(ed) 结构就像- <ol> <li> <ol> <li> <div>first div</div> <div>second div</div> </li> <li></li> <li></li>

我有一个列表,它有一个子列表,我用两个div填充,两个div都在左边浮动(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中的自动填充?

    榜样

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

    您可以使用以下命令为第二个div编写css:

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

    也许更正CSS会得到以下结果:

    .comm_img{
        padding-top:5px;
    }
    
    .comm_text{
        margin-top:0px;
    }
    
    您可以使用负片,这将允许您在任何方向上移动元素。在您的情况下,您可以在第二个div中添加负数
    边距顶部

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

    这已经存在于问题-ol.timeline ol li{padding:0px;}中,但对于所有li元素都存在。上面的代码将只针对第二个元素。请尝试删除为图像添加的
    填充顶部
    ,并添加一个负片
    空白顶部:-5px
    .com\u text
    ,调整边距以符合您的需要您在@phobia82处钉好了边距。你是从哪里得到负边距的东西的?负边距是不允许的,但负边距是允许的:我会加上它作为答案,尽管正边距是从哪里来的仍然是一个谜,现在很好去做。