如何在使用媒体查询时更改内联css

Question

我有一个asp.net网站。所有页面都有一个设计母版页和一个外部css样式。

然而，有些页面的长度不同，所以在每页的末尾，在页脚div上我使用了内联css，例如<div id=footer style=height: 800px>

然而我也使它具有移动响应能力。我有一个外部css页面用于媒体查询。我可以改变我想要的所有div和样式，除了页脚，它仍然是页面中设置的高度。显然，如果我从页面中删除它们，那么浏览器将无法获得正确的高度。所以我该怎么做？ 如果我在响应的外部css中改变了高度，那么由于内联css，这仍然不会有所作为。那么有什么建议可以解决这个问题吗？

Answer 1

通常的级联规则适用。从样式表覆盖样式属性中规则的唯一方法是使用带有an !important flag的规则。

这是一个解决方案的大锤，只能在深层工作一层，因此通常最好避免使用。

我通过改变处理页脚的方式来解决问题。

快速解决方法是将高度规则移动到带有类的样式表中。

更好的解决方案是查看using flexbox以定位页脚，或者只是将页脚放在页面的末尾而不是窗口的末尾。