Можем ли мы использовать <body>вместо #container div? - PullRequest
Новая
       6

Можем ли мы использовать <body>вместо #container div?

7 голосов
/ 10 ноября 2009

Можем ли мы дать ширину и границу <body> и использовать вместо контейнера? см. Этот пример

см. Исходный код этого файла и код файла также отлично подходит для W3C. и выглядит так же в IE 7 и Firefox 3.5. 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en" dir="ltr">
  <head>
    <title> Width in body</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <style type="text/css">
      html { background-color: #00f; }
     body{background: #cd5c5c;width:800px;height:400px;border:1px solid;color: #fff;margin:0 auto;}
     </style>
  </head>
   <body>
     <p>Hello world!</p>

   </body>
</html>

1 Ответ

7 голосов
/ 10 ноября 2009

Ваш пример отвечает на ваш вопрос! Тело является блочным элементом, как и любой другой. Он имеет свойства width, height, padding, margin и border.

  • Обратите внимание, что важно, чтобы страница отображалась в строгом, а не причудливом режиме, чтобы можно было рассматривать элемент тела как элемент уровня блока; в противном случае он рассматривается как documentElement и все ставки отключены. - НикФитц

Тогда можем ли мы использовать body вместо #container div? - Джитендра

  • Хорошая теория. Позор о Microsoft. - Дэвид Дорвард
  • @ Jitendra: вы можете, но будьте внимательны с кросс-браузерным тестированием, особенно когда речь идет о прокрутке :-) - NickFitz

В чем разница между окном просмотра и телом? - Джитендра

  • область просмотра - это видимая область окна браузера, в которой отображается документ. Тело является элементом в документе. В режиме причуд тело также будет обрабатываться как documentElement: то есть корневой узел документа, который заполнит окно и при необходимости сможет прокручиваться. В строгом режиме элемент html будет рассматриваться как documentElement, а тело будет его дочерним элементом. В качестве эксперимента измените свою тестовую страницу, добавив правило стиля html {background-color: # 00f; } - вы увидите, что html-элемент содержит `body '- NickFitz
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...