div+css问题,height高度自适应后，重新定义div的height无效？为啥？

Posted 2023-03-29

css上从上到下由左向右执行的！如果两个css一样，那么位于下面的css会代替掉上面的css，右边的会覆盖掉左边的！例子
.left width:100px; width:200px; 这样写left的宽度是200px;如果在下面加上一行
.left width:300px; 那么left宽度就是300px;追问

我就是想表达这个意思，我在css样式文件你定义了con的样式（高度自适应），，因为其他地方也用到，我只想单独改某个地方的高度，所以我写了，，可是后来定义的高度没有用啊。。。求解啊。。

追答

按说是有用的，你先查下style="height:40px;"有没有写错！

然后吧con的高度自动适应，即height:auto;给删了，他本身就具有这个属性！可以不用加！删下看看！

如果不行改成style="height:40px !important;" 中间有个空格别忘了

追问

那其他地方自适应高度会不会有问题？还有就是，我两个地方定义的高度像素不同，一个是30px，一个是40px，我直接改样式文件的话，会有冲突的吧？

追答

你样式里面写的不是height:auto;么！如果是的话删了没事，如果两个高度两个定义不一样，就写在html也就是行内样式里！

参考技术A 从上到下执行，用FIREBUG看一下是那里的原因， 页面上调试！追问

FIREBUG是什么工具啊，我是css菜鸟，没用过啊。。

追答

火孤浏览器里面的插件

追问

额，只有火狐有？我们一般用的IE为。

追答

IE F12也可以调试啊！

追问

知道了，谢了。

参考技术B 问的不清不楚的，最好贴代码。
你想问的是不是css样式选择器的优先级问题？
试试height:XXXpx !important;

怎么让div的宽度不变，高度自适应内容的高度，新手求举例，谢谢

参考技术A 在设置好宽度，不设置高度的情况下，父级div的高度本身就是根据子级div高度自适应的，不需要主动设置。但是如果子级div有浮动或者绝对定位，就不会对父级div的高度产生影响，高度也就无法自适应了。这种情况就需要给父级div清浮动（父级自适应，子级绝对定位是无法实现的）。

希望对你能有所帮助 参考技术B <div style="width:300px; float:left; height:auto;">
</div>
这样写 就可以了 不过 div 里面的 子元素 要都有float:left;这属性
例如：
<div style="width:300px; float:left; height:auto;">
<div style="width:100px; float:left; height:150px; background:#000;">

</div>
希望能对你有帮助本回答被提问者采纳 参考技术C height:auto;