border-box

    0熱度

    2回答

    我有一個具有20px填充的父級div。在這個div裏面有兩個span標籤。我想他們的寬度是父div的50%,並適合在同一行。 box-sizing: border-box似乎沒有解決這個問題。 HTML <div> <span>foo</span> <span>bar</span> </div> CSS div {border: 1px solid black; box-

    0熱度

    2回答

    我有3個li項目 - 每個項目的寬度爲33.3%。我試圖創建一個margin-right之間的差距<li>之間 - 但額外的利潤率使總的<li>寬度超過100%,並在一條新線路上發生故障。 我可以用一些邊界框方法來排序嗎?試圖在全球範圍內應用,沒有運氣。 http://codepen.io/anon/pen/jbazaN html { -webkit-box-sizing: border

    1熱度

    1回答

    我有一個具有任意高度的元素。 元素具有屬性框大小:邊框。 如果使用jquery指定100px的高度,結果將是元素的高度等於120. 有什麼可能是錯誤的? JS: $('#element').height(100); CSS: #element{ background-color: green; height: 50px; width: 300px; pa

    0熱度

    4回答

    我有下面的代碼: * { box-sizing: border-box; } .container { width: 100%; max-width: 60rem; /* 960 */ margin: 0 auto; } .item { width: 100%; overflo

    -2熱度

    2回答

    見琴:http://jsfiddle.net/vs32rb9w/ 爲什麼有一個1px的白色邊框,如果我明確表示border-color: transparent? 我檢查了在Chrome和FireFox中 - 邊框是白色的而不是透明的。 它變得透明 - 猜猜看 - 當我刪除background屬性(或使它transparent太)。 這樣一個討厭的錯誤?

    2熱度

    1回答

    我正在學習爲自己建立一個響應式網站。我在其中一張圖像的頂部和底部邊框上遇到了框尺寸邊框的問題。我有兩列不同高度的圖像,我希望邊緣匹配,但我也希望有幾個像素的白色空間來分隔每個圖像。 我的問題是當在上下邊框上使用框大小的邊框時,它們會停留在圖像邊緣之外,從而將下面的圖像向下推動幾個像素,使其不再匹配它的鄰居底部邊緣。 我想在繼續之前解決此問題並在其他圖像上添加邊框。我是新來的CSS,所以也許有一些非

    0熱度

    1回答

    我敢肯定,我正在做一些明顯錯誤的事情,但我一直無法弄清楚。我的燈箱大小是動態調整的(百分比寬度),我希望燈箱內的內容能夠根據需要在較小的屏幕上垂直滾動,而不會取代內容周圍的邊框(實際上是一個箱形陰影)。 作爲一個額外的警告,我需要「容器」div有動態高度。當我將容器div設置爲高度:100%時,燈箱的功能就像我想要的(見下面的代碼),但是當我刪除高度設置時,溢出不再正常工作。 我在行動燈箱的這個演

    0熱度

    2回答

    我很努力地弄清楚爲什麼我有一個高度爲100%的元素,儘管箱子尺寸被設置爲邊框, 我做了這裏提琴:https://jsfiddle.net/a8v9a8ok/6/ 我設置元素100%的高度和箱大小邊境盒還包含在一節中的文章「左」是流經部分並且它包含的text textarea也正在流逝。 html, body { height: 100%; width: 100%; } h

    4熱度

    2回答

    不知道我在做什麼錯誤,我認爲通過添加邊框,它會適合那些4盒子整齊。 http://jsfiddle.net/jzhang172/x3ftdx6n/ .ok{ width:300px; background:red; height:100px; box-sizing:border-box; } .box{ display

    1熱度

    1回答

    首先讓我們說,看起來Internet Explorer 8完全忽略了box-sizing:border-box;聲明在一個盒子上,當有一個最小高度設置它以及(本文確認:https://stackoverflow.com/a/11714178/3355252)。 現在讓我來描述一下我需要完成的事情。這是我的網站(非常簡化):http://jsfiddle.net/ttKP3/。文檔類型是嚴格的HTM