Question

我知道这已被问过多次，但我无法工作。所以我试图用6＆＃34; block＆＃34;，exctacly 2行3列来创建这个页面。没有doctype声明and it looks life this，它完美无缺。但如果我把它放在代码中this发生了。

定义每个块属性的CSS代码如下：

.block {
    position: relative;
    width: 33.33333%;
    height: 50%;
    float: left;
    padding: 0;
    overflow: hidden
}

头部和身体也是这样设置的：

html, body {height: 100%}

请告诉我有一个解决方案，并不涉及每个街区使用固定位置。

Answer 1

我刚试过这个，它运行正常。我不确定你有什么不对，也许你不小心错过了什么或打错了？

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        html, body {height: 100%}
        .block {
            position: relative;
            width: 33.33333%;
            height: 50%;
            float: left;
            padding: 0;
            overflow: hidden
        }
    </style>
</head>
<body>
<div class="block" style="background-color: aliceblue"></div>
<div class="block" style="background-color: cadetblue"></div>
<div class="block" style="background-color: azure"></div>
<div class="block" style="background-color: aquamarine"></div>
<div class="block" style="background-color: aqua"></div>
<div class="block" style="background-color: antiquewhite"></div>
</body>
</html>

搞砸高峰

1 个答案: