Проблемы с высотой div

Question

Я приложил свою ul в div, но div кажется 1px выше ul, вместо того, чтобы обменивать ul, который был тем, что я хотел. Я пробовал делать height: auto и width: auto, но я все равно получаю те же результаты. Единственное исправление, которое я получил, - это жесткое кодирование высоты, которая не работает, потому что размер ul изменяется в каждой ссылке. Как я могу получить мой div, чтобы заключить мою улицу, как я хотел?

Answer 1

На самом деле, проблема заключается в том, что ваш ul не оборачивать ваши li элементов, и это потому, что вы li «s всплывают.

Если вы только что добавили стиль { display: inline-block } к своему элементу ul и удалите высоту на div, тогда он будет работать как ожидалось.

На самом деле, вы, кажется, только использовать свой div элемент, чтобы добавить рамку к нижней части списка, в этом случае вы можете удалить его полностью, и сделать стиль для ul следующим образом:

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

Answer 2

Ваш вопрос немного неясен, не уверен, в каком элементе вы говорите. В любом случае, попробовать что-то вроде этого в вашем css для DIV удалить высоту и

.divclass{float:left;} 

Answer 3

добавить следующее:

.ulsize ul { overflow:hidden; } 

и вы можете удалить жёстко.

Answer 4

Просто измените свой запас на margin:24px; вместо margin:25px;