Question

我知道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>

Answer 1

你的'风格'声明是错误的

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

应该是

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

注意：您使用=而不是：AND错过了收盘报价“

并且您不应该使用内联样式 - 与.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

CSS3框架，创建指定高度的中心内容区域

1 个答案: