html - CSS布局问题

标签 html css

this webpage 的顶部,主要内容区域(白色背景)中有两个元素:图像和 Logo 框。

Logo 框向右浮动,图像有足够大的右边距以容纳 Logo 框和一点边距。但是,如果您使浏览器窗口足够窄,则 Logo 框会在图像下方滑动。我希望发生的是两者之间的水平空间减少到至少 6 个像素,如果浏览器窗口变窄,水平滚动条就会出现。

有没有什么方法可以在不诉诸完全“卡住”布局的情况下实现这一目标,即在主要内容区域设置固定宽度?

谢谢, 唐

最佳答案

css min-width 属性做你想做的。但在 IE 6 中不起作用。为此,如果确实有必要,一些 JavaScript 可以提供帮助。

将白色 DIV 的 min-width 设置为图像大小 + 边框。

关于html - CSS布局问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/567970/

相关文章:

css - 覆盖 html css 中的跨度并使用 TD

javascript - JQuery 绑定(bind)问题

jquery - Bootstrap jquery 如何对齐从 jquery 添加的图像

javascript - AngularJS - 添加每行的重复、不同计数器

html - 调整大小后按钮向不同方向移动

javascript - 无法将 Google map 标记对象保存到隐藏 html 字段中的数组

javascript - 通过 JavaScript 更改 CSS 属性。 (使用 ID 和类)

html - Wordpress Metabox 输入表单溢出

html - 样式化 ul 标签。编号列表

css - 如何确定导致 iOS Safari 中出现 "Styles Invalidated"的原因?