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不起作用？

回答

相关问题