Как установить высоту div в css и html
Я использую Twitter Bootstrap. Я написал в моем HTML:
<div style="height:100px;" class="span12">
asdfashdjkfhaskjdf
</div>
Почему высота не составляет 100 пикселей, когда я открываю эту страницу?
Для потомков оригинальный код был:
<div height="100px">
2 ответа
Для написания встроенного стиля используйте:
<div style="height: 100px;">
asdfashdjkfhaskjdf
</div>
Тем не менее, встроенный стиль служит цели, но не рекомендуется в большинстве ситуаций.
Более "правильное" решение - создать отдельный лист CSS, включить его в ваш HTML-документ, а затем использовать идентификатор или класс для ссылки на ваш div.
если у вас есть файловая структура:
index.html
>>/css/
>>/css/styles.css
Тогда в вашем HTML-документе между <head> а также </head> записывать:
<link href="css/styles.css" rel="stylesheet" />
Затем измените вашу структуру div на:
<div id="someidname" class="someclassname">
asdfashdjkfhaskjdf
</div>
В css вы можете ссылаться на ваш div из ID или CLASS.
Для этого напишите:
.someclassname { height: 100px; }
ИЛИ ЖЕ
#someidname { height: 100px; }
Обратите внимание, что если вы сделаете и то, и другое, то, что идет дальше по файловой структуре, будет тем, которое действительно работает.
Например... Если у вас есть:
.someclassname { height: 100px; }
.someclassname { height: 150px; }
Тогда в этой ситуации высота будет 150px.
РЕДАКТИРОВАТЬ:
Чтобы ответить на ваш второстепенный вопрос от вашего редактирования, вероятно, нужно overflow: hidden; или же overflow: visible;, Вы также можете сделать это:
<div class="span12">
<div style="height:100px;">
asdfashdjkfhaskjdf
</div>
</div>
<div style="height: 100px;"> </div>
ИЛИ ЖЕ
<div id="foo"/> and set the style as #foo { height: 100px; }
<div class="bar"/> and set the style as .bar{ height: 100px; }