Question

在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>

感谢。

Answer 1

如果您只是删除了width: 100%;声明，那么您已完成设置：

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

默认行为是拉伸到容器的整个宽度。

在IE7中为100％宽度元素添加边距？

1 个答案: