gpt4 book ai didi

html - 外部 div 宽度与内部段落宽度不匹配

转载 作者:太空宇宙 更新时间:2023-11-03 23:26:44 25 4
gpt4 key购买 nike

我正在尝试制作 div根据其内部扩展或收缩 <p>元素宽度。外层div包含其中两个,并且它的宽度是用 max-width 属性设置的,所以我可以在它重新调整宽度时进行 CSS 转换。

在悬停同级 div 时,第一个内部 p元素设置为消失,而第二个较小的元素出现。然而,外部 div 一直缩小到其最小宽度,而不是内部段落的最小宽度。

下面的 JSFiddle 总结了这一切。将鼠标悬停在蓝色框上以查看发生了什么:http://jsfiddle.net/cq18567u/

是否有针对此问题的纯 CSS 解决方案?

最佳答案

也可以在没有 inline-block 的情况下通过在悬停时更改第一段的高度来实现,这也会产生奇特的效果:jsfiddle DEMO

关于html - 外部 div 宽度与内部段落宽度不匹配,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26667216/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com