<html> <head> <title></title> <style type="text/css"> html, body { height: 100%; border: dotted 2px red; } body { border-color: green; margin: 0; } div { border-width: 1px; border-style: solid; } div.main { padding: 120px 0px 120px 0px; border-color: red; } div.menu { border-color: blue; width: 25%; float: left; } div.content { border-color: green; float: left; width: 74%; } </style> </head> <body> <div class="main"> <div class="menu"> Пункт<br />Пункт<br />Пункт<br />Пункт<br />Пункт<br />Пункт<br /> </div> <div class="content"> содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание </div> </div> </body> </html>
Был уверен, что div.menu или div.content будут, "упираясь" в нижний padding родительского контейнера, растягивать высоту div.main. Если убрать float и width у div.content, то всё успешно растягивается.
Вобщем понял, что я чего-то не понял, вопрос - что я не понял?
Конечная цель вёрстки - получить две колонки, так чтоб div.main имел высоту согласованную с высотой наибольшего из div.menu и div.content.
You can post now and register later.
If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Портфолио https://www.behance.net/d4d4186e
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Портфолио https://www.behance.net/d4d4186e
Question
skvor
Был уверен, что div.menu или div.content будут, "упираясь" в нижний padding родительского контейнера, растягивать высоту div.main. Если убрать float и width у div.content, то всё успешно растягивается.
Вобщем понял, что я чего-то не понял, вопрос - что я не понял?
Конечная цель вёрстки - получить две колонки, так чтоб div.main имел высоту согласованную с высотой наибольшего из div.menu и div.content.
Link to comment
Share on other sites
7 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.