@muslim_mamaev
Новичок изучаю css

Правая колонка переноситься в низ?

Здравствуйте! При уменьшение окошко браузера Правая колонка переноситься в низ на новую строку.как запретить это с помощи css5c6c895b795da449199126.jpeg5c6c89abe17cb509772419.jpeg
  • Вопрос задан
  • 68 просмотров
Пригласить эксперта
Ответы на вопрос 5
samodum
@samodum
Какой вопрос - такой и ответ
LenovoId
@LenovoId
I want, women not to get sick
Не влезает потому что ...
Очевидно используете float
Ответ написан
Комментировать
@Freecreate
Задать обоим колонкам float:left; И ширину в %. Для левой 20% например, для правой 80% (или 30% и 70%).
.left_col, .right_col{
float:left;
}
.left_col{
width: 30%;
}
.right_col{
width: 70%;
}
Ответ написан
Комментировать
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Muslim Mamaev,
Дело в том, что суммарная ширина у вас выходит: 20% + 76% + 15px + 10px = 96% + 25px.
А потом вы уменьшаете экран и 25точек оказываются больше, чем оставшиеся свободные 4%.

Флоатами сейчас никто такую раскладку блоков не верстает.

На флексах примерно так: https://jsfiddle.net/vwojq8c3/

это заодно решит и ваш следующий вопрос "как сделать блоки одинаковой высоты" ;)

Альтернативы:
- Использовать способ расчета ширины box-sizing: border-box, тогда паддинги будут включены внутрь width. Тогда width можно писать 20% и 80%
- Вместо padding использовать margin в %.(у вас 4% на это остается)
- Для ширины основного блока использовать calc(80% - 25px) Если еще границы, то их толщину тоже надо учесть.
Ответ написан
Комментировать
@muslim_mamaev Автор вопроса
Новичок изучаю css
Всем спасибо! box-sizing: border-box; помог мне
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы