Css 如何重复网格行?
我该如何重复这一点,不知何故,清晰并没有使布局相互重叠Css 如何重复网格行?,css,960.gs,Css,960.gs,我该如何重复这一点,不知何故,清晰并没有使布局相互重叠 <div class="grid_3 alpha"></div><div class="grid_2"></div><div class="grid_11"></div> <div class="clear" style="height:20px"></div> <div class="grid_3 alpha"></div&
<div class="grid_3 alpha"></div><div class="grid_2"></div><div class="grid_11"></div>
<div class="clear" style="height:20px"></div>
<div class="grid_3 alpha"></div><div class="grid_2"></div><div class="grid_11"></div>
<div class="clear" style="height:20px"></div>
<div class="grid_3 alpha"></div><div class="grid_2"></div><div class="grid_11"></div>
<div class="clear" style="height:20px"></div>
<div class="grid_3 alpha"></div><div class="grid_2"></div><div class="grid_11"></div>
<div class="clear" style="height:20px"></div>
尝试将
放在空网格div中。使用空960.gs网格div时存在一些跨浏览器问题
编辑:以下内容在Firefox和Chrome中非常有效。也许您的doctype或容器元素不正确
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>960 Grid System — Test</title>
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/text.css" />
<link rel="stylesheet" href="css/960.css" />
<style type="text/css">
div.grid_3 { background-color: #0f0; }
div.grid_2 { background-color: #f00; }
div.grid_11 { background-color: #00f; }
</style>
</head>
<body>
<div class="container_16">
<div class="grid_3 alpha"> </div><div class="grid_2"> </div><div class="grid_11"> </div>
<div class="clear" style="height:20px"></div>
<div class="grid_3 alpha"> </div><div class="grid_2"> </div><div class="grid_11"> </div>
<div class="clear" style="height:20px"></div>
<div class="grid_3 alpha"> </div><div class="grid_2"> </div><div class="grid_11"> </div>
<div class="clear" style="height:20px"></div>
<div class="grid_3 alpha"> </div><div class="grid_2"> </div><div class="grid_11"> </div>
<div class="clear" style="height:20px"></div>
</div>
</body>
</html>
960网格系统&mdash;试验
div.grid_3{背景色:#0f0;}
div.grid_2{背景色:#f00;}
div.grid_11{背景色:#00f;}
hmm,我没有耍花招。不知怎的,“行”进入了网格11分区