Q

CSS寬度不在控制檯中顯示

2013-06-12 34 views 0 likes

0

我正在擴展使用Twitter Bootstrap的項目。我將我的輸入文本框的寬度設置爲260px。在Chrome檢查器中，CSS寬度屬性不會被跨越，並且正確顯示爲260px，但其實際寬度爲270px。當我將樣式表中的寬度更改爲270像素時，其實際寬度變爲280像素，依此類推。可能是什麼原因？CSS寬度不在控制檯中顯示

2013-06-12 boh

+0

你肯定there's影響文本框沒有填充？ –

A

回答

2

您的輸入有填充，請將其設置爲0px。

2013-06-12 09:03:53 slash197

+0

是的，你是對的。樣式表中聲明的寬度不包含填充和邊框。有什麼辦法來設置輸入文本框的寬度，包括其填充和邊框在CSS中？ – boh

+1

元素的總寬度是寬度+填充+邊框+邊距，因此您必須計算寬度減去這些屬性。例如，如果元素的空間是250像素，並且兩側都有10px的填充和1px的邊框，那麼寬度應該是250 - 10 - 2 = 238. – slash197

+2

或者使用'box-sizing：border-box' – Bojangles

1

您需要使用box-sizing: border-box;

2013-06-12 09:06:08 jQuery00

1

檢查從metrics鑑於鉻督察。它會顯示padding和width被應用於您的輸入。

設置padding:0如果neccessary

2013-06-12 09:10:51

相關問題