http://jsfiddle.net/rExDY/的div宽度的百分比时仍然视口缩小
包装如果结果面板足够宽,该页面的行为,因为我想在左边和内容右侧的导航。当视口缩小时,我想要发生的事情是在内容一旦触及导航时收缩,而不是在它下面包裹。我一直玩最小宽度,似乎无法让它做我想要的。
http://jsfiddle.net/rExDY/的div宽度的百分比时仍然视口缩小
包装如果结果面板足够宽,该页面的行为,因为我想在左边和内容右侧的导航。当视口缩小时,我想要发生的事情是在内容一旦触及导航时收缩,而不是在它下面包裹。我一直玩最小宽度,似乎无法让它做我想要的。
你有内容宽度设置为90%。如果视口太小以致<nav>
框不适合宽度的剩余10%,则内容将隐藏在其下方。如果将内容宽度减少到80%,则会看到它的行为好得多,但编写它的正确方法是为窗口左侧的<nav>
元素预留绝对宽度列。
你可能想尝试的表单元格属性(IE8及以上只),并添加一个备用的IE7及以下(如固定与nav
):
这让我更接近,谢谢。一旦它缩小得足够远,我将使用媒体查询重新排列事情,所以这应该足够好。谢谢! – colinwd 2012-01-07 01:01:33