CSS：爲什麼div％width不起作用？

-1

在this page中，當視口減少到1024像素或更少時，div#boxes的寬度爲20％，但未以其父寬度的20％顯示。它顯示在20％的小得多的東西上，這是我無法解決的。CSS：爲什麼div％width不起作用？

能否請你幫我確定爲什麼div#boxes不顯示@#front-page-slide的寬度的20％？

2017-02-24 Steve

您應該爲此添加您的HTML標記和CSS代碼。 –

其他東西可能會以某種方式推動視圖 - 弄清楚爲什麼父母的大小也許。但是Huy是正確的 - 你需要發佈一些代碼。大多數人可能會有點猶豫，點擊你發佈的一些隨機的URL--我寧願在這裏看到代碼，或者在[JSFiddle]（http://www.jsfiddle.net）或[ codepen.io]（http://www.codepen.io）或其他已知網站。 –

沒有看太深，我認爲它的表格裏面的#boxes它有一個寬度設置 – happymacarts

這個問題似乎作爲你的父元素使用display: table-cell要與該元素......在大量的代碼有關，和兄弟姐妹（#slider）的寬度已經沒有必要重新定義剩餘元素的寬度，所以...如果您從媒體查詢@media only screen and (max-width: 1024px)（文件mhm-style.css中的第155行）中刪除了20％，則它將工作得更好。

希望這會有所幫助。

來源

2017-02-24 04:06:17

您的div#boxes顯示爲#front-page-slide的寬度的012％的寬度。它看起來好像不是因爲它被CSS樣式「錯位」。

添加這個CSS來改變屏幕寬度或小於1,024像素（我也通過我的瀏覽器開發工具嘗試它和它的工作原理詳見附截圖。）在div＃箱CSS：

@media screen and (max-width: 1024px) { 
    display: inherit; 
}

截圖：

來源

2017-02-24 04:06:04 ITWitch

CSS：爲什麼div％width不起作用？

回答

相關問題