4

所以，这是我的情况：

我有一个 div（见下面的代码），一个非常简单的 . 运行代码时，我想出了一个灰色框。但是，我的意图是让那个灰色框从浏览器窗口的开头跨越到该浏览器窗口的结尾，而下面的代码所做的是创建一个带有白色边框的灰色框。

<div style="height: 30px; background-color: gray; color: white;">
   Hey
</div>

我很抱歉没有解释，但我没有找到好的方法来表达我正在尝试做的事情。提前致谢，

汤姆。

4

5 回答 5

3

如果您希望 div 填充所有可用空间，请使用以下命令：

width: 100%; 
height: 100%;

您可以按可用空间的百分比定义大小。

于 2013-07-03T17:24:29.240 回答
2

添加width:100%;到 div 以填充所有水平空间。

于 2013-07-03T17:25:35.507 回答
2

如果你想保持身高：

<div style="height: 30px; width: 100%; background-color: gray; color: white;">
   Hey
</div>

还要摆脱白色边框，添加以下内容：body { padding: 0; margin: 0 }

于 2013-07-03T17:25:38.353 回答
2 
<head>  
<style>
    body {
        padding: 0;
        margin: 0;
    }
</style>
</head>

<body>
<div style="height: 30px; width: 100% background-color: gray; color: white;">
   Hey
</div>
</body>

我假设您希望您的 div 高度为 30 像素，宽度为 30 像素。为此，您只需将 div 的宽度设置为100%并确保主体没有填充（这可以将您的元素向右移动一点。我建议使用 reset.css）

希望这可以帮助！

于 2013-07-03T17:26:13.330 回答
2

如果我理解正确，您需要将宽度设置为 100% 

<div style="width: 100%; height: 30px; background-color: gray; color: white;">
   Hey
</div>
于 2013-07-03T17:25:27.300 回答