在 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/