Как сделать так, чтобы высота элемента div на главной странице увеличивалась на странице содержимого? - PullRequest
Новая
       3

Как сделать так, чтобы высота элемента div на главной странице увеличивалась на странице содержимого?

1 голос
/ 10 ноября 2011

У меня есть главная страница, у которой в качестве границы для всей страницы есть div.

Я бы хотел, чтобы этот div расширялся в зависимости от содержимого, размещенного на странице содержимого.

Как можно это сделать?У меня нет проблем с использованием clear:none в div без наследования страницы с главной страницы (т.е. без использования главной страницы вообще).Однако, когда я использую главную страницу, div не раскрывается.

Текущий код на главной странице: 

<div class="page-border">
    <div class="header">
        HEADER</div>
    <div class="outer">
        <div class="content">
            <asp:ContentPlaceHolder ID="contentPlaceHolder" runat="server">
            </asp:ContentPlaceHolder>
        </div>
        <div class="banner">
            BANNER
    </div>
    <br style="clear:none"/>
</div>

РЕДАКТИРОВАТЬ: я добавил ниже классы CSS:

.page-border
{
    width: 1000px;
    padding: 10px;
    margin: 0px auto;
    border: 1px solid gray;
}

.outer
{
    float: left;
    padding: 0px;
    margin-right: 0px;
    margin-top: 10px;
    width: 986px;
    margin-left: 12px;
}

.content
{
    float: left;
    height: 503px;
    width: 779px;
    margin-bottom: 0px;
    margin-left: 2px;
}

Ответы [ 2 ]

0 голосов
/ 10 ноября 2011

Если это не сработает, нам нужно увидеть правила стиля для .content 

<div>
    <div class="content">
        <asp:ContentPlaceHolder ID="contentPlaceHolder" runat="server">
        </asp:ContentPlaceHolder>
        <div style='clear:both'></div>
    </div>
    <div class="banner">
         BANNER  
    </div>
    <br style="clear:none" />
</div>

Обновление одного класса: 

.content
{
    float: left;
    min-height: 503px;
    width: 779px;
    margin-bottom: 0px;
    margin-left: 2px;
}
0 голосов
/ 10 ноября 2011

Если содержимое внутри div-оболочки является плавающим, оно не будет обтекать его.Добавьте overflow:hidden; или overflow:auto; к CSS-объявлению .content, чтобы оно расширялось вместе с содержимым.

...