|
 60.6 Кб |
|
| Всем привет. Давно не заглядывал в css раздел... Очень надеюсь на вашу помощь.В макете есть блок фиксированной ширины 220px. И резиновый блок. Общая ширина не должна превышать 1280px.
Делаю через float: left; Резиновый блок создает горизонтальный скролинг. Как это дело убрать
.left_bar {
width: 220px;
height: 100%;
background: #3f4649;
position: fixed;
height: 100%;
}
.content {
float: left;
height: 100%;
min-width: 220px;
width: 100%;
padding-left: 220px;
}
.message {
color: #e9e9e9;
padding: 7px 10px;
background: #c0392b;
width: 100%;
text-align: center;
}
|
<div class='left_bar'>
</div>
<div class='content'>
<div class='message'>Привет. это место ошибок</div>
</div>
|
Если убрать width: 100%; Тогда класс message, получается не во всю ширину. | |
|
|
|
|
|
|
|
для: kapitalist
(23.08.2014 в 18:59)
| | нахрена там фиксед? (типа чтоб вертикальный скрол не дваигал блок?)
и интересно как не флоатовый блок может не быть 100%.....
.left_bar {
float:left;
width: 220px;
height: 100%;
background: #3f4649;
}
.content {
margin-left:230px;
height: 100%;
}
.message {
color: #e9e9e9;
padding: 7px 10px;
background: #c0392b;
text-align: center;
} | |
|
|
|
|
|
|
|
для: moonfox
(23.08.2014 в 19:43)
| | Спасибо. Просто убрал float: left у блока content | |
|
|
|
|
|
|
|
для: kapitalist
(23.08.2014 в 21:02)
| | У меня удаление строки:
float: left
в блоке content ничего не изменило, а вариант moonfoxа стильно сработал, "дёшево и сердито". | |
|
|
|