Составление Div с помощью CSS - PullRequest
       10

Составление Div с помощью CSS

0 голосов
/ 31 октября 2010

Я новичок в CSS, уже много лет использую таблицы для моего html, я пытаюсь выяснить, как я могу вкладывать div или складывать их в разделе содержимого макета из 3 столбцов. со столами я бы просто сделал новый <tr> но если я добавлю еще один div в строку содержимого, он появится параллельно или вертикально, когда я захочу появиться ниже. Есть ли другой способ сделать это, или я здесь упускаю точку Div?

базовый пример кода

        body {
        margin: 0px;
        padding: 0px;
        }
        #header {
        background: #438a48;
        width: 100%;
        }
        #leftcolumn {
        background: #2675a8;
        float: left;
        width: 25%;
        height: 700px;
        }
        #content {
        background: #000;
        float: left;
        width: 75%;
        height: 700px;
        }
        #footer {
        background: #df781c;
        clear: both;
        width: 100%;
        }

HTML

        <div id="header">Header</div>
        <div id="leftcolumn">Left Column</div>
        <div id="content">Content</div>
        <div id="footer">Footer</div>

1 Ответ

0 голосов
/ 31 октября 2010

Вы можете просто добавить div внутри #content div ..., вложенность заставит их оставаться внутри своего родителя ... (не перемещайте эти inner div, чтобы заставить их перейти один поддругой ..)

...