html - ie7 中的流体设计错误

标签 html internet-explorer-7 fluid css

我为我的最新设计创建了一个虚拟布局,但是当我在 ie7 中调整窗口大小时检查最小宽度是否有效时,它会将内容区域踢到侧边栏下方,而在所有其他浏览器(包括 ie6 ) 它的行为与它应该做的完全一样。

Demo Link

谁能看出导致这对随机额外像素启动的问题是什么?

最佳答案

是的,在 IE 中似乎确实存在一个错误,其中 min-width 元素会出现类似 float 的清除行为。

在这种情况下,您可以通过将 min-width 应用于 #container 而不是两个子元素来轻松避免它。 (通常最好将与布局相关的 min-width 修复放在尽可能高的父元素上。)

(此外,您不需要在栏/内容上使用 float-100%-width 规则。)

关于html - ie7 中的流体设计错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2587820/

相关文章:

windows - IE6 和 IE7 独立版 : What do they render differently?

css - 为什么我的背景图片无法在 IE7 中正确显示?

typo3 - 在后端创建到前端页面的链接

css - 新的 "hidden footer"有效,但仍然与屏幕底部的内容重叠

html - Angular 自定义指令在 ng-repeat 中使用 if 条件

html - 在特定时间开始的 YouTube 嵌入视频(不工作)

javascript - document.getelementsbyClassName ('select_wrapper' )不起作用

javascript - 单击时阻止 jquery 动画多次执行

Javascript 切换列表样式

php - 在 PHP 中仅获取一次 MySql-Query 列作为标题(即使有多个结果)