Отделение контейнера/Обертки не содержит все содержание (т.е. все дочернее Отделение).I've попробованное переполнение: скрытый, но все еще не работает. Кто-то может сказать мне, почему это происходит и каковы возможные решения.
Заранее спасибо ;-)
по некоторым причинам целый код не отображается??
<html>
<head>
<style type="text/css">
#wrapper {
margin:0 auto;
width: 600px;
background: yellow;
}
</style>
</head>
<body>
<div id="wrapper">
<div="header">
<h1>my beautiful site</h1>
</div>
<div id="navigation">
<ul>
<li><a href="#">Home </li>
<li><a href="#">About</li>
<li><a href="#">Services</li>
<li><a href="#">Contact us </li>
</ul>
</div>
<div id="content">
<h2> subheading </h2>
<p> long paragraph </p>
</div>
<div id="footer">
copyright 123
</div>
</div>
</body>
</html>
С помощью своего хрустального шара я могу предсказать, что ваши дочерние блоки div являются плавающими, а ваш контейнер - нет. В этом случае контейнер не будет расширяться до размеров своего содержимого. Попробуйте спустить свой контейнер и посмотрите, что произойдет.
Кристалл, должно быть, был пыльным ... Однако опубликованный вами код недействителен - у вас есть содержимое внутри тега head и div за пределами тега html. Действительно ли ваша страница выглядит так, или это просто ошибка при вставке кода в ваш вопрос? Попробуйте очистить структуру кода и посмотрите, поможет ли это.
РЕДАКТИРОВАТЬ: обнаружил проблему - это опечатка.У вас есть
Попробуйте передать clear: оба
родительскому div или поместите div
в его конец:
<style type="text/css">
.clear{clear:both;}
</style>
Возможность первая:
<div id="parent">
<div id="child1">Some Content</div>
<div id="child2">Some Content</div>
<div id="child3">Some Content</div>
<div class="clear"></div>
</div>
Возможность вторая:
<div id="parent" class="clear">
<div id="child1">Some Content</div>
<div id="child2">Some Content</div>
<div id="child3">Some Content</div>
</div>
Отличный инструмент: http://validator.w3.org/ - он подскажет вам, есть ли ошибки разметки и в каких строках.