0
Я пытаюсь добиться этого макета:Как достичь этого конкретного макета с помощью css?
До сих пор здесь является HTML у меня есть:
<body>
<div id="content">
<div id="header">
</div>
<div id="nav">
</div>
<div id="footer">
</div>
</div>
</body>
и CSS:
#content{
margin:0 auto;
height:1200px;
width:1000px;
border:2px solid black;
}
#header{
margin:0 auto;
width:inherit;
height:200px;
border-bottom:2px black solid;
}
#nav{
margin:0 auto;
width:inherit;
height:50px;
border-bottom:2px solid black;
}
#footer{
width:inherit;
border-top:2px solid black;
margin-top:-1200px;
height:200px;
clear:both;
}
Проблема заключается в том с нижним колонтитулом - он не ведет себя так, как на диаграмме.
Не могли бы вы рассказать мне, что не так с моим кодом? Пожалуйста, не давайте мне некоторые другие коды, потому что я новичок в CSS.
Почему вы должны 'Верхнее поле: -1200px' на футере? Ало, хотя это ничем не исправит и не сломает ничего, почему у вас есть «очистить: оба» на нижнем колонтитуле? Что «ясно: оба» должны делать? – Adam