Как поместить три раздела в HTML5 - PullRequest
0 голосов
/ 22 августа 2011
<!DOCTYPE html>
<hmtl>
    <body>
        <header><h1>This is header</h1></header>
            <section id="main">
                <section id="topBlock">
                    <section id="sectionWithUList">...</section>
                    <section id="sectionWithImage">...</section>
                    <section id="anotherSectionWithUList">...</section>
                <section>
                <section id="anotherBlock">
                    ...
                <section>
            </section>
        <footer><h5>This is header</h5></footer>
    <body>
<html>

Я впервые пишу страницу HTML5.Я думал, что так будет.Верхний колонтитул, основной раздел и нижний колонтитул.В этом главном разделе у меня есть раздел с тремя разделами (два списка и одно изображение).Но у меня проблема с укладкой.Я пишу CSS для «topBlock» для отображения: таблица;И три раздела в нем должны быть ячейками таблицы, потому что они должны отображаться в одной строке.Но когда я добавляю секции изображений со списками, они становятся слишком большими и списки располагаются по центру.Я пытаюсь добавить фиксированную высоту в раздел topBlock, но ничего не помогает.Мне нужна небольшая помощь, чтобы этот topBLock имел три внутренних раздела.

Ответы [ 2 ]

1 голос
/ 22 августа 2011

Попробуйте добавить выравнивание по вертикали к секциям.

#topBlock { display:table; }    
#topBlock section { vertical-align:top; display:table-cell; }
0 голосов
/ 03 апреля 2014

В примере разделы topBlock и anotherBlock закрыты неправильно, есть тег открытия раздела, где он должен быть </section>

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...