border-box

7熱度

1回答

* {Box-sizing：border-box; }：要邊框還是不邊框所有元素？

我將開始開發一個新網站，並且準備好處理瀏覽器用來計算元素寬度和高度的不同方法（box model stuff）。不知何故，我想到：如果我只是將box-sizing應用於網站中的所有元素，該怎麼辦？我是其中一個認爲box-sizing: border-box;是CSS中最好的命令之一，它具有所有的侷限性。然而，同樣是這些限制是誰，讓我懷疑我是否應該適用box-sizing所有元素的那些： * {

1熱度

2回答

Border-left-width在jQuery中返回NaN

我正在忙於編寫一小段代碼，該代碼段應允許跨瀏覽器使用邊框框模型。到目前爲止基本功能正常工作，但我無法獲得保證金的工作。它應該適應可用的空間，但是控制檯返回NaN，我不知道它來自哪裏。 Here是一個小提琴。 console.log甚至沒有記錄任何東西，我不知道爲什麼。任何幫助是極大的讚賞。

24熱度

3回答

是什麼導致「用戶代理樣式表」使用「邊界框」而不是「內容框」進行框尺寸調整？

我的印象是瀏覽器中的用戶代理樣式表（如Safari，Chrome和Firefox）是瀏覽器內部的東西，不能直接修改（相當於樣式屬性需要重寫）。我也是印象中由於各種網站，包括Mozilla的是默認值箱大小屬性WebKit和Mozilla是「內容框」。我在一個相當簡單的虛擬頁面上進行了測試，這個虛擬頁面是在各種瀏覽器中查看的。我的問題是，在我們的生產應用程序的兩個頁面上，默認屬性是不同的，我們不

1熱度

3回答

當使用Foundation 3和CSS邊框時，Fancybox關閉按鈕被切斷

當使用方框大小：邊框時，會導致「關閉」按鈕被切斷。 Zurb使用Foundation 3時尤其如此。似乎令人的fancybox問題的代碼是這樣的： * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } 現在，也許筆者需要做Calcs（

5熱度

2回答

鉻與盒大小：邊界盒中顯示：表

我正在使用display:table小2面板佈局。對於間距（也來自背景圖像），我使用padding。當我需要孩子具有的可用空間的精確width:50%（以父div的填充方面），我用box-sizing:border-box。這正常的歌劇，但在Chrome中box-sizing:border-box甚至-webkit-box-sizing:border-box被忽略。我做了一個演示，顯示的問題。

10熱度

4回答

之間的框模型不一致我意識到<input type="submit"/>有一個border-box框模型，而<input type="text"/>有一個content-box框模型。這種行爲存在於IE8和FF中。不幸的是，這讓我無法將這種風格很好的均勻大小的輸入： input, textarea { border: 5px solid #808080; padding:0px

93熱度

4回答

如何獲得等寬輸入和選擇字段

在表單上，我有一個選擇和兩個輸入字段。這些元素是垂直對齊的。不幸的是，我無法獲得這些元素的相同寬度。這裏是我的代碼： <select name="name1" style="width:198px"> <option>value1</option> <option>value2</option> </select><br/> <input type="text" na

13熱度

2回答

爲什麼box-sizing：border-box仍然顯示寬度爲0px的邊框？

在CSS中使用盒子大小：邊框時，我假定元素的總寬度將在其「寬度」值中定義。所以如果我說分區的寬度是20px，右邊框是10px，那麼我最終會得到一個佔用20px空間的框，其中一半是右邊框。它推到我設置寬度爲10px點和右邊界，也喜歡這裏： #box{ overflow: hidden; width: 10px; box-sizing: border-box;