html - 根据文本长度设置div背景颜色

标签 html css

我在网站上有一个部分,其中显示了不同的推荐,并且 div 的背景颜色在桌面上看起来很好,但如果在移动设备上查看,推荐文本(垂直)比背景高度长。

这是分配给 div 的类

.quote{
    background-color: #f7f7f7 !important;
    border: 8px none;
    height: 350px;
    padding: 15px;
}

现在我知道高度固定为 350px 但如果我将其更改为 100%auto 则不起作用。只要文本出现,我就需要背景出现。

最佳答案

如果您希望 div 的高度为 350px,那么您做对了。但是您需要添加 overflow-y: hidden;overflow-y: auto

但是,如果您希望 div 随文本增长,我建议您只需将 height 更改为 min-height

关于html - 根据文本长度设置div背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29073403/

相关文章:

html - 防止 HTML 表格溢出包含的 div

javascript - 滚动后悬停工具提示停止工作

javascript - 圆边的边框塌陷?

css - 固定全屏高度外容器,内容溢出

html - 为什么我的 span 元素在 IE9 中看起来很糟糕?

javascript - 为什么我的待办事项功能不起作用?

html - 如何在 div 中居中一个 css sprite?

html - 如何在 div 中设置第二个元素的样式

javascript - 删除:focus and its style after mousewheel click

html - 如何设置iframe以填充页面宽度?