html子列表自動添加填充

我有一個列表，其中有一個子列表，我用兩個DIV填充，兩個FLOAT（編輯）在左邊。html子列表自動添加填充

的結構是這樣 -

<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

我在紅在此圖像中標示出了問題的例子 -

來源

2016-11-21 Pradyut Bhattacharya

嘗試刪除您添加了圖像的'浸軋top'，並添加一個'負的margin-top：-5px;''到.com_text'，調整邊距，以滿足您的需求 – phobia82

你釘它@恐懼症82。你從哪裏得到負面的填充物？ –

負數填充是不允許的，但是負數的限制是：http://www.w3schools.com/css/css_margin.asp – phobia82

您可以使用排除margins，這將讓你在移動任何方向的元素。在你的情況下，你可以添加一個負數margin-top到第二個div。

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

來源

2016-11-21 10:25:20 phobia82

雖然積極的緣由來自仍然是一個謎，現在好去。 –

您可以通過使用該寫的第二個DIV + CSS：

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

來源

2016-11-21 08:54:57

已經存在的問題 - ol.timeline ol li {padding：0px;} –

但是它存在於所有的li元素中。上面的代碼將只定位第二個元素。 –

也許更正CSS會得到結果：

.comm_img{ 
    padding-top:5px; 
} 

.comm_text{ 
    margin-top:0px; 
}

來源

2016-11-21 09:02:00

與填充和保證金比賽將解決您的問題

ol li div:nth-child(2){ 
 
    padding:3px; 
 
    margin:3px; 
 
    }

來源

2016-11-21 09:09:09

玩了很多:) –

html子列表自動添加填充

回答

相關問題