путать с обработкой div - PullRequest
Новая
       9

путать с обработкой div

1 голос
/ 08 февраля 2012

У меня есть следующий HTML-код 

    <html>
    <body>
    <div id="wrapper">
        <div id="header"/>
        <div id="main"/>
        <div id="footer" />
    </div>
    </body>
    </html>

Но, используя такие инструменты, как firebug, я вижу, что это выглядит так: 

<html>
    <body>
    <div id="wrapper">
        <div id="header">
            <div id="main">
            <div id="footer" >
                    </div>
                </div>
             </div>
        </div>
    </div>
    </body>
 </html>

Это стандартное поведение? Как избежать этого намерения Div?

Ответы [ 4 ]

3 голосов
/ 08 февраля 2012

<div> - это элемент с контентом. Вы не можете использовать самозакрывающийся тег (<div />), если не используете XHTML.

Запись: 

<div id="wrapper">
    <div id="header"></div>
    <div id="main"></div>
    <div id="footer"></div>
</div>
0 голосов
/ 08 февраля 2012

использование 

 <div id="wrapper">
     <div id="header">
            content of header
     </div>
     <div id="main">
           main content
     </div>
     <div id="footer">
          content of footer
     </div>
</div>
0 голосов
/ 08 февраля 2012

Полагаю, что DIV нужен парный тег.Браузеры при рендеринге пытаются исправить структуру входного документа.Попробуйте посмотреть, что произойдет, когда вы дадите ему полностью недействительный документ.Вы также можете попытаться проверить свои документы по W3 validator.

0 голосов
/ 08 февраля 2012

Попробуйте это 

<html>
    <body>
    <div id="wrapper">
        <div id="header"></div>
        <div id="main"></div>
        <div id="footer"></div>
    </div>
    </body>
    </html>
...