Div高度問題

我在一個div中附上了我的ul，但div似乎是ul上面的1px，而不是將ul包含在我想要的內容中。我試過做高度：自動和寬度：自動，但我仍然得到相同的結果。我得到的唯一解決方法是硬編碼高度，這是不起作用的，因爲ul的大小會在每個鏈接中發生變化。我怎麼能讓我的div像我想要的那樣包好我的ul？Div高度問題

來源

2012-01-05 Christopher Stephenson

歡迎來到Stack Overflow！請在這裏添加一些相關代碼（也可能是一個JSFiddle示例）。只有外部鏈接，一旦問題解決，這個問題對未來的讀者將沒有任何價值。謝謝！ – 2012-01-05 17:06:32

其實，問題是，你的ul沒有包裝你的li元素，那是因爲你li的是浮動的。

如果您只是將樣式{ display: inline-block }添加到您的ul元素中，並刪除div上的高度，則它將按預期工作。

其實，你只能似乎可以用你的div元素邊框添加到列表的底部，在這種情況下，你可以完全刪除，使風格爲您ul如下：

{ 
    display: inline-block; 
    border-bottom: 1px solid #ccc; 
    padding-bottom: 5px; 
    width: 100%; 
}

來源

2012-01-05 17:39:52 DrTech

謝謝你的工作。 – 2012-01-05 17:52:24

你的問題有點不清楚，不確定你在說什麼elemenet。任何方式，嘗試這樣的事情在css的DIV刪除高度和

.divclass{float:left;}

來源

2012-01-05 17:07:06

補充一點：

.ulsize ul { overflow:hidden; }

，你可以刪除你的硬編碼。

來源

2012-01-05 17:10:18

只要改變你的保證金margin:24px;而不是margin:25px;

來源

2012-01-05 17:24:22 Jung3o

回答

相關問題