我刚开始使用 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/
如您所见,字段集打破了网格。如果我放弃字段集,表单会变得更好,尽管它仍然宽一个像素。我究竟做错了什么? 感谢您的帮助。
最佳答案
只是文本字段太长了。在蓝图中,它设置为 300px .只需使用 CSS 覆盖文本字段宽度,它应该是固定的。例如:
.span-8 input.text, .span-8 input.title { width: 275px; }
关于html - Fieldset 打破网格?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5470639/