Css 如何重置容器的高度?
在这个页面上,当我调整浏览器的大小以模拟一个狭窄的屏幕时,每行之间都有一个很大的空间。我认为这是因为每个容器的高度都设置为418px。我已经使用以下CSS将容器的Css 如何重置容器的高度?,css,responsive-design,Css,Responsive Design,在这个页面上,当我调整浏览器的大小以模拟一个狭窄的屏幕时,每行之间都有一个很大的空间。我认为这是因为每个容器的高度都设置为418px。我已经使用以下CSS将容器的高度更改为自动,但它不起作用。谢谢你的帮助 .dtp-item-block.dt-portfolio-grid-item.dt_portfolio_grid_6.1.omega { height:auto!important; } .dtp-item-block.dt-portfolio-grid-item.dt_portfolio_
高度
更改为自动
,但它不起作用。谢谢你的帮助
.dtp-item-block.dt-portfolio-grid-item.dt_portfolio_grid_6.1.omega {
height:auto!important;
}
.dtp-item-block.dt-portfolio-grid-item.dt_portfolio_grid_6.1 {
height:auto!important;
}
您可以通过使用如下更简洁的语法来缩小差距
.dt_portfolio_grid_6 {
height: auto !important;
}
如果您在其他页面上遇到相同的问题,您可以通过针对
.dtp item block
来减少对所有网格重置高度的使用,如果它也在这些页面中使用的话。在dtp item block
上设置高度:auto
对我来说是个好办法
.dtp-item-block {
height: auto;
}
我将其应用于
dtp项目块
,但您也可以更具体一些。我在Stylebot(Chrome扩展)中试用过,不需要!重要,但这可能是因为它是扩展。使用从div
中删除内联样式style=“height:444px;”
class="dtp-item-block"
您有一个名为“1”的css选择器,根据css标准,这是不正确的。CSS选择器不得以数字开头,即此选择器:
.dtp-item-block.dt-portfolio-grid-item.dt_portfolio_grid_6.1.omega {
height:auto!important;
}
什么都不做,但这应该可以做到:
.dtp-item-block.dt-portfolio-grid-item.dt_portfolio_grid_6.omega {
height:auto!important;
}
此处的更多信息:这解决了问题。谢谢