使元素足够长以适应引导程序中的父div盒

Question

我想要布置一个简单的表单，但我不确定是否以正确的方式进行。我的第一个问题是： 如果我具有以下html

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

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

有没有办法让更小的余裕规则适用于span * class？我的意思是，第二个div与第一个div相距30px，但是如果我只想使其仅为10px，那该怎么做？

其次的问题：如果我有以下的HTML

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

如何让我只要父DIV宽选择按钮拍摄宽度空间？我尝试添加宽度：100％的选择，它工作正常，但添加填充时，选择更广泛，然后父母？

Answer 1

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

您可以将宽度设置为94％并添加3％填充，因此总计可以达到100％。

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

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

你也可以考虑考虑使用CSS3盒大小，但我不是100％肯定它是否会在选择工作：

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