Question

我无法将屏幕划分为宽度和高度均为50％的4个div。获得50％的宽度并将它们漂浮在周围是没有问题的，但我怎样才能使它们的高度达到屏幕的50％？

Answer 1

我认为你已经习惯了设定你的宽度;同样的事情可以用于你的身高。

例如：

<html>
<head>
</head>
<body>

<div style="background-color:red; width:50%; height:50%; float:left">
</div>

<div style="background-color:blue; width:50%; height:50%; float:right">
</div>

<div style="background-color:green; width:50%; height:50%; float:left">
</div>

<div style="background-color:orange; width:50%; height:50%; float:right">
</div>

</body>
</html>

如果你运行它，屏幕上将有4个相等的部分，左上角为红色，右上角为蓝色，左下角为绿色，右下角为橙色。

修改这适用于以下样式：

html,body { padding:0; margin:0; height:100%; min-height:100%; }

将屏幕分成4个矩形，50％高度，50％宽度

1 个答案: