1

我的容器是span4，我在它上面放置了填充/边框。一切都很好，但是输入超出了范围，因为它们也有span4类。我提供了我的 HTML、CSS 以及显示问题的图像。

如何确保输入的宽度最大化但不超出范围？

<div class="span4 newsletter">
    <h3>Newsletter</h3>
    <input type="text" name="name" placeholder="Name" class="span4" />
    <input type="text" name="surname" placeholder="Surname" class="span4" />
    <input type="text" name="email" placeholder="Email" class="span4" />
    <button type="submit" class="btn btn-inverse pull-right"><i class="icon-envelope icon-white"></i>Subscribe</button>
</div>



.newsletter {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px;
    border: 1px solid #ccc;
    background-color: white;
}

在此处输入图像描述

4

1 回答 1

3

尝试在输入上使用“input-block-level”类而不是“span4”。

于 2013-01-28T15:33:57.347 回答