Как установить высоту div в css и html

Я использую Twitter Bootstrap. Я написал в своем html:

<div style="height:100px;" class="span12">
asdfashdjkfhaskjdf
</div>

Почему высота не 100px, когда я открываю эту страницу?

Ответ 1

Чтобы написать встроенный стиль, используйте:

<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 с идентификатора или класса.

Для этого напишите:

.someclassname { height: 100px; }

ИЛИ

#someidname { height: 100px; }

Обратите внимание, что если вы выполняете оба действия, то тот, который идет дальше по файловой структуре, будет тем, который действительно работает.

Например... Если у вас есть:

.someclassname { height: 100px; }

.someclassname { height: 150px; }

Тогда в этой ситуации высота будет 150px.

EDIT:

Чтобы ответить на ваш вторичный вопрос из вашего редактирования, возможно, потребуется overflow: hidden; или overflow: visible;. Вы также можете сделать это:

<div class="span12">
    <div style="height:100px;">
        asdfashdjkfhaskjdf
    </div>
</div>

Ответ 2

<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;  }