css-calc

0熱度

1回答

我有一個沒有填充/邊距/邊框的width: calc(100% - 100px);的輸入。我想把position : inline-block;和width : 100px;放在旁邊。 div轉到下一行，但我找不到任何理由。如果我將div寬度減小到96px，那麼它工作正常。我想知道是什麼導致4px缺少的寬度！請注意box-sizing : borderbox與此問題無關，因爲我沒有任何填充或邊框

2熱度

1回答

帶有算術運算的CSS變量在簡寫屬性中不起作用？

請幫我找出爲什麼CSS變量中的算術運算會破壞代碼。我開始用一個規則簡單的CSS文件： html { font: 16px/32px Arial; } 在瀏覽器中，它可以作爲書面：字體大小是16像素，行高爲32PX，和字體本身是宋體。然後，我添加了變數： html { --default-font-size: 16px; --default-line-heig

0熱度

1回答

設置一個div的高度等於計算寬度

這是我的代碼（解釋後）：https://jsfiddle.net/L7a35dda/1/ body { width: 1920px; height: 1080px; background-color: rgb(48, 48, 48); margin: 0; padding: 0; display: f

2熱度

4回答

未對齊頂部

爲什麼發生這種情況？我需要一個能解釋爲什麼div不正確排列的人？ HTML和CSS： .horizontal-ruler { width: 100%; height: 25px; line-height: 25px; display: block; font-size: 14px; color: #373737;

4熱度

2回答

計算值函數roundes值和製成的物品推到下一行

我已使用計算功能如下 width: calc((100% - (2rem * 2))/3); 在鉻所計算的寬度是412.663px在IE但所計算出的設定元件的寬度爲412.67px，以便在IE中將最後一項推送到下一行/行。如果我手動將IE中的寬度設置爲412.663px，則項目按預期顯示在一行中。這意味着在IE中計算寬度的小數點是一個問題。任何想法如何獲得IE計算寬度與Chrome/Fir

3熱度

3回答

CSS計算不準確

我有一個ul元素和5個孩子<li>。 <ul> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> 的<ul>有display: flex屬性。我嘗試使用鈣財產上<li>均勻大小我的列表項： calc:(100%/5); 這給了期望的結果和均勻大小的5 <li>塊現在我添加邊

0熱度

2回答

使用CSS calc（）數學方法計算身高

我在我的應用程序中遇到了一個CSS佈局問題，並使用jsFiddle進行了重現。基本上，它是作爲下面很簡單： html,body { height: 100%; } .header { background: yellow; height: 50px; } .main { background: green;

2熱度

1回答

我可以在JavaScript中使用CSS'calc'

在Javascript中設置位置時，我可以使用css'calc'函數嗎？ ePopup.style.top =「calc（100px - 1.5em）;」

-1熱度

1回答

帶有小數點的計算器在IE11中不起作用？

我有這兩行代碼在Chrome和Firefox中工作，但不在IE11中。 height: calc((100% - 25px)/2); // this is not working left: calc(105px/2); // this is working 請給我建議一個解決方案。 .relative-cell{ position: relative; heig

1熱度

2回答

在兩個元素之間分割空間時的額外像素

我有一個有兩個子元素的塊元素，我會分別佔用一半的空間，減去它們之間的固定大小的空隙。這應該是容易calc()： var left = document.getElementById("left"); var right = document.getElementById("right"); var info = document.getElementById("info");