0

我正在尝试布局一个简单的表单，但我不确定这样做是否正确。我的第一个问题是：如果我有以下 html

<div class="row">
    <div class="span6">
        text text
    </div>

  <div class="span6">
       text text
   </div>
</div>

有没有办法制作适用于 span* 类的更小的 margin-left 规则？我的意思是，这里的第二个 div 将比第一个 div 多 30px，但是如果我想让它只有 10px，该怎么做呢？

第二个问题：如果我有以下html

 <div class="row">
        <div class="span6">
            <label>text2</label> 
             <select>
                  <option>5</option>
          </select>
        </div>
</div>

只要父 div 很宽，如何使选择按钮占用宽度空间？我尝试将 width:100% 添加到选择中，它工作正常，但是当添加填充时，选择比父项更宽？

4

1 回答 1

0

如果您给选择 100% 然后添加填充然后宽度变为 100% + 填充。

您可以将宽度设为 94% 并添加 3% 的填充，因此总和为 100%。

select {
    width: 94%;
    padding: 3%;
}

如果您为选择元素添加边框，这也将包含在宽度计算中，因此您必须相应地调整您的值。

您也可以考虑使用 CSS3 框大小调整，但我不能 100% 确定它是否适用于选择：

http://css-tricks.com/box-sizing/

于 2013-03-17T22:07:53.990 回答