爲什麼不會使用這種形式的標籤樣式

Question

對於我來說，我不能將這些標籤作爲樣式來設計css中的某些元素甚至不工作。任何幫助/解釋讚賞

<div id="calcbox"> 
    <form name="form1" class="contact_form"> 
     <ul> 
      <li> 
       <label>Item Cost</label> 
       <input type="text" id="itemCost" placeholder="$ 0.00" /> 
      </li> 
      <li> 
       <input type="button" class="calculatebutton" value="Cash Payment" /> 
      </li> 
      <li> 
       <input type="button" class="calculatebutton" value="Card Payment" /> 
      </li> 
      <li> 
       <label style="width:100px;">Purchase Cost</label> 
       <input type="text" id="total" placeholder="$ 0.00" readonly style="clear:both" /> 
      </li> 
     </ul> 
    </form> 
</div> 

Answer 1

我不知道它的關於width。但是，只要這是你問題中唯一的CSS，我就會假設它。

標籤是內聯元件，而不是塊。設置任意width（以及其他一些屬性）將不起作用，它將適合其內容。

不過，有一個解決方案：你可以改變它與style="width:100px; display: inline-block"