Уважаемые участники сообщества,
Я немного новичок в CSS, однако после двух недель обучения знаю, как обходиться.Однако на данный момент у меня есть небольшая проблема со слоями (тегами div), которые я не могу исправить.Проблема заключается в следующем, я создал следующее, чтобы продемонстрировать свою проблему.
<body style="margin: 0;">
<div style="margin: 0px auto; width: 960px;" id="main">
<div style="clear: both; float: left; width: 100%; height: 100px;" id="one">
Hello World
</div>
<div style="clear: both; float: left; width: 100%; height: 200px;" id="two">
Hello next World!
</div>
</div>
</body>
Проблема здесь, если вы «посмотрите на границы» (я удалил; background-color и border свойство toувеличить читабельность кода), вы заметите, что первый основной div не оборачивается вокруг div один и два.Если я хочу это исправить, мне нужно только добавить некоторое содержимое в основной слой.в результате получается следующий код:
<body style="margin: 0;">
<div style="margin: 0px auto; width: 960px;" id="main">
<div style="clear: both; float: left; width: 100%; height: 100px;" id="one">
Hello World
</div>
<div style="clear: both; float: left; width: 100%; height: 200px;" id="two">
Hello next World!
</div>
LET ME SOLVE IT!
</div>
</body>
Вопрос теперь в том, как получить последний результат, не добавляя «просто содержимое» в мой основной слой?
Большое спасибо за чтениемой вопрос и ответы на него!
Изображения см. на: http://www4.picturepush.com/photo/a/7808622/img/7808622.png и http://www3.picturepush.com/photo/a/7808636/img/7808636.png
(ПРИМЕЧАНИЕ: все являются прямыми ссылками;))