HTML - Размеры div - PullRequest
Новая
       9

HTML - Размеры div

1 голос
/ 18 апреля 2009

У меня есть веб-страница со следующими ссылками. 

<div id="main">
    <div id=left></div>
    <div id=right></div>
</div>

Поскольку тело страницы имеет цвет фона синий и предположим, div слева и div right белые. когда содержание сказать правый div достигает высота div main, div main не увеличивается так выглядит странно.

Как получить расширение div main, если расширение div right выходит за его пределы?

Надеюсь, это не смущает.

Malcolm

Ответы [ 5 ]

4 голосов
/ 18 апреля 2009

Я предполагаю, что «влево» и «вправо» означает, что вы перемещаете их влево и вправо с помощью CSS.

Если это так, вам нужно очистить их . Сделайте так, чтобы ваш HTML выглядел так: 

<div id="main">
    <div id=left></div>
    <div id=right></div>
    <br style='clear: both;'>
</div>
0 голосов
/ 19 апреля 2009

Вы должны задать свойство overflow: hidden для CSS в # main. Также вам следует всегда указывать значения атрибутов. (Вы не делали это при назначении идентификаторов #left и #right)

0 голосов
/ 18 апреля 2009

Вы можете попробовать что-то вроде этого: 

<html>
<head>
<style>
#equal      {
        overflow: hidden;
        }

#left, #right{
        padding-bottom: 5000px;
        margin-bottom: -5000px;
        width: 150px;
        }

#left       {
        float: left;
        background-color: red;
        }

#right      {
        float: right;
        background-color: green;
        }
</style>
</head>
<body>
<div id="main">
<div id="equal">
<div id="left">blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah </div>
<div id="right">blah blah blah blah blah blah </div>
</div>
</div>
</body>
</html>
0 голосов
/ 18 апреля 2009

Ваши левые и правые дивы плавают? По умолчанию ваш «основной» div не будет расширяться вокруг плавающих элементов, которые он содержит. Вы можете исправить это, добавив overflow: auto к div#main в своем CSS.

0 голосов
/ 18 апреля 2009

Вы можете (нужно) использовать сброс файла CSS для решения такого рода проблем CSS. Вы можете увидеть подробную информацию о сбросе CSS файла Yahoo отсюда

Надеюсь, это поможет

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...