0

我知道 CSS 的基本知识，最近继续使用 CSS 框架，因为它让我的生活更轻松。我有一个关于网格系统的问题，目前正在使用 zurb Foundation 3 (http://foundation.zurb.com/)

我面临的问题主要是在创建行时我不能给它一个特定的高度。在我看来，网格系统被设计为按原样使用，我在不同的地方读到不建议尝试更改行的高度，而是将项目按原样放置在其中。

在我的项目中，我有一个内容区域，我想在其中显示一个固定的高度和宽度 div，但它不适合我。那么，谁能告诉我我该怎么办？下面是我的html代码

更新：编辑了html

<div class="row">
  <div class="six columns">
    <div style="height:6em; width:5em;>
          <!-- my block -->
    </div>
  </div>
  <div class="six columns">
    <div style="height:6em; width:5em;>
          <!-- my block -->
    </div>
  </div>
</div>
4

1 回答 1

1

你的“风格”声明是错误的

style="height=6em; width:5em;

应该

style="height:6em; width:5em;"

注意：您使用 = 而不是 : 并且您错过了结束引号“

而且您不应该使用内联样式 - 与 .css 文件分开并按类定位它们

<html>
<head>
<link rel="stylesheet" type="text/css" href="/foundation3/stylesheets/foundation.css"/>
</head>
<body>
<div class="row">
  <div class="six columns">
    <div style="height:6em; width:5em;">
          <!-- my block -->
    </div>
  </div>
  <div class="six columns">
    <div style="height:6em; width:5em;">
          <!-- my block -->
    </div>
  </div>
</div>
</body>
</html>

注意：我没有在这里声明 DOCTYPE - 这是准系统。它确实有效，我已经在 Firefox 和 Chrome 中对其进行了测试。只是说它不起作用是没有帮助的 OP

于 2012-07-01T08:31:53.887 回答