Добавить маржу к 100% ширине элемента в IE7? - PullRequest
Новая
       9

Добавить маржу к 100% ширине элемента в IE7?

0 голосов
/ 02 марта 2010

В IE7 я хотел бы добавить поле для элемента, ширина которого 100% его родительского элемента. Но элемент переполняет его родителя. Несколько логично, но как решить эту проблему?

Я добавил упрощенный пример, где желтый div переполняет его зеленого родителя. 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head><title>Test</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /></head>
<body>

<div style="width: 500px; height: 200px; background-color: green;">
 <div style="width: 100%; height: 100%; margin: 10px ; background-color: yellow;">
  Test
 </div>
</div>

</body>
</html>

Спасибо.

1 Ответ

2 голосов
/ 02 марта 2010

Если вы просто удалите объявление width: 100%;, все готово: 

<div style="width: 500px; height: 200px; background-color: green;">
 <div style="height: 100%; margin: 10px ; background-color: yellow;">
  Test
 </div>
</div>

Поведение по умолчанию - растяжение до полной ширины контейнера.

...