Почему определенные объявления DOCTYPE заставляют 100 таблиц %-высоты и отделения прекращать работать?
Мне что некоторые кажется DOCTYPE объявления в IE (6-8) могут заставить браузер игнорировать height="100%" на таблицах и отделениях (style="height:100%")
Например,
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Test1</title>
</head>
<body>
<div style="border: 2px solid red; height: 100%">
Hello World
</div>
</body>
</html>
Представит DIV с высотой текста это не будет простираться. Удаление DOCTYPE объявление вызывает DIV простираться вертикально, как желаемый.
Таким образом, мои вопросы:
- Почему это происходит?
- Как Вы сохраняете
DOCTYPEи все еще позвольте таблицам простираться? - / это происходило с Вами?
- Вы знали об этом?, действительно ли это известно?
1 ответ
Потому что у древних браузеров было странное, непоследовательное поведение, и браузеры обращаются с Доктипами как с тестом интеллекта, чтобы узнать, пишет ли автор код в соответствии со стандартами или с тем, чему они научились в W3Schools десять лет назад. Если у вас
рост: 100%и высота родительского элемента равнаauto, то100%означаетauto.В общем, это не так. Он кричит "компоновочная таблица ". Тем не менее, установите высоту или минимальную высоту на html и элементах кузова. Есть и другие техники, но на данный момент у меня нет удобной связи, так как, как, как ни странно, я никогда не был в том положении, когда мне нужна была эта техника.
Это то, что должны делать браузеры, так что ...
Ну, я отвечаю на этот вопрос ...