Как установить высоту авто CSS-свойства? - PullRequest
0 голосов
/ 22 июля 2011

Это вопрос CSS в asp.net.
У меня есть страница, которая окружена контейнером div. Это содержит div#contenthome, с div#flashhome внутри.

#Container и #contenthome свойство height установлено на auto. Но когда я увеличиваю #flashhome высоту, #container и #contenthome высота не изменяется соответственно. Как добиться автоматического увеличения и уменьшения высоты #container и #contenthome в зависимости от высоты #flashhome.

#container {
    width: 750px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    border:1px;
    border-color: #b7b7b7;
    border-style: solid;
}
#contentHome {
    width: 750px;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
}
#flashHome {
    float: left;
    display: block;
    width:485px;
    height: 255px;
    margin-left: 15px;
    margin-top: 5px;
}

Ответы [ 2 ]

0 голосов
/ 22 июля 2011

Дайте высоту как 100%, как показано ниже:

container 
{
   width: 750px;
   height: 100%;
   margin-left: auto;
   margin-right: auto;
   position: relative;
   border:1px;
   border-color: #b7b7b7;
   border-style: solid;
}
contentHome 
{
   width: 750px;
   height: 100%;
   position: relative;
   display: block;
   overflow: hidden; 
}
0 голосов
/ 22 июля 2011

у вас должен быть div с clear: оба после div flashHome -

<div id="flashHome">
......
</div>
<div style="clear:both"></div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...