css - 如何在 CSS 中创建随大图像扩展但对正常大小的内容保持默认大小的列宽?

标签 css html width fluid

我正在创建一个只有一栏布局的 HTML5 网页。基本上,它是一个包含个人帖子的论坛话题。

我在我的 CSS 文件中指定该列为 600 像素宽,并使用 margin: 0 auto; 将其置于窗口中心。但是,个别帖子中的某些图片大于 600 像素,因此会溢出该栏。

我想加宽单个帖子以适应较大的图像。但是,我希望所有其他帖子的宽度仍为 600 像素。

现在,我只是使用 overflow:auto 来创建一个滚动条,但这并不理想。是否可以让单个帖子的宽度随着内容的增加而增加,而对于普通的内容保持固定?这可能仅使用纯 CSS 吗?

提前致谢!

最佳答案

尝试使用 min-width: 600px 而不是 width,尽管它在旧版本的 Internet Explorer 中不起作用。

关于css - 如何在 CSS 中创建随大图像扩展但对正常大小的内容保持默认大小的列宽?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2526198/

相关文章:

javascript - currentTarget Javascript 的替代品

css - 如何去除下拉列表: CSS的边框

html - 如何在 bootstrap 中将 div 推到行尾?

html - 避免多个 uls 创建一个 "diagonal"列表

javascript - 边框和填充宽度javascript

html - 如何使元素宽度为 : 100% minus padding?

html - 为什么我的 Chrome 表格单元格宽度错误?

html - 创建带有箭头的响应式 CSS 按钮

css - 文本间距的正确方法?

javascript - 服务器无响应时如何处理ajax调用