19.12.2011 16:51:01 Свойство float Сообщение #1
sarcodin
Эксперт
Дата регистрации:
30.09.2011 00:53:49
Сообщений: 128
Вот представим себе такую ситуацию нам надо сделать блок меню с округленными краями. Обычно я делаю так:
и зададим такой css стиль:
Все будет идеально и все будет работать, но если добавить
то .forBlockBottom вообще не появляется.
Объясните Михаил почему так происходит.
Заранее спасибо.
<div class = "forLeft">
<div class = "block">
<div class = "forBlockTop">
</div>
<div class = "forBlockTitle">
</div>
<div class = "forBlockContent"Ю
</div>
<div class = "forBlockBottom">
</div>
</div>
</div>
и зададим такой css стиль:
forLeft{
margin: 0 auto;
width: 200px;
}
.forBlockTop{
background: url(images/background_block_top.png) no-repeat;
width: 200px;
height: 30px;
margin: 20px 20px 0 20px;
}
.forBlockTitle{
background: url(images/background_block_title.png) no-repeat;
width: 200px;
height: 50px;
margin: 0 20px 0 20px;
text-align: center;
line-height: 50px;
font-weight: bold;
}
.forBlockContent{
background: url(images/background_block_content.png) repeat-y;
width: 200px;
height: 100%;
margin: 0 20px 0 20px;
padding-top: 20px;
}
.forBlockBottom{
background: url(images/background_block_bottom.png) no-repeat;
width: 200px;
height: 25px;
margin: 0 20px 20px 20px;
}
Все будет идеально и все будет работать, но если добавить
.forBlockBottom{
float: left или right;
}
то .forBlockBottom вообще не появляется.
Объясните Михаил почему так происходит.
Заранее спасибо.
