7
Nie mogę uzyskać wewnętrznego div (z Hello World), aby zmieścić się w "polu" div w tym przykładzie kodu (również w http://www.toad-software.com/test.html).Wewnętrzny div przekracza zewnętrzne granice div
Mimo że ciało jest ustawione na 100%, wewnętrzny element div nie będzie zawarty! Jest to przypadek testowy dla większego projektu, w którym tabela o zmiennej szerokości przekracza granice swojego kontenera. Stół byłby w wewnętrznym dziale, a pojemnik byłby "pudełkiem".
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
/*html { width: 100%; height: 100%; position: relative; background: #c0c0c0; }
body { position: absolute; width: 100%; height: 100%; background: #f9f9f9; }*/
body,
html
{
margin: 0;
padding: 0;
}
body
{
width: 100%;
}
div.box
{
padding: 10px;
background: #ff33ff;
}
</style>
</head>
<body>
<div class="box">
<div style="width: 1500px; height: 900px; background: #f12;">Hello World</div>
</div>
</body>
</html>
Czy celem jest rozwijanie zawierającego div, czy zmniejszanie zawartego div? –