Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何重置容器的高度?_Css_Responsive Design - Fatal编程技术网

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_

在这个页面上,当我调整浏览器的大小以模拟一个狭窄的屏幕时,每行之间都有一个很大的空间。我认为这是因为每个容器的高度都设置为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_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;
}

此处的更多信息:

这解决了问题。谢谢