Question

我刚开始使用Blueprint，所以不要打击我:-) 这是我的代码，一个简单的两列布局：

<body>
  <div class="container showgrid">
    <div class="span-24 last">
      <h1 >Logo Here</h1>
    </div>
    <div class="span-16">SlideShow</div>
    <div class="span-8 last">
      <form>
        <fieldset >
          <label for="email">Email</label>
          <input type="text" id="email" name="email" class="title">
        </fieldset>
      </form>
    </div>
  </div>
</body>

您可以在此处查看结果（在Firefox 3上）：

http://img600.imageshack.us/i/screenwr.png/

如您所见，字段集打破了网格。如果我删除字段集，表单会变得更好，尽管它仍然只有一个像素。我究竟做错了什么？谢谢你的帮助。

Answer 1

只是文本字段太长。在蓝图中，它设置为300px。只需使用CSS覆盖文本字段宽度，它应该是固定的。例如：

.span-8 input.text, .span-8 input.title { width: 275px; }

Fieldset打破了网格？

1 个答案: