如何保持内联2固定元素的最小宽度？

Question

有两个固定的(不能改变)内联块和最小宽度为他们两个。当我试图调整窗口的大小时(宽度小于最小)，它们相互重叠。有什么建议吗？如何设置整个页面的最小宽度？

<div style="position:fixed;left:0;top:0;bottom:0;width:40%;min-width:500px;border:2px solid red;margin:5px;">&nbsp;</div>
<div style="position:fixed;right:0;top:0;bottom:0;width:40%;min-width:500px;border:2px solid blue;margin:5px;">&nbsp;</div>

Answer 1

简单地说，答案是no，而不是不改变position: fixed

看看position: fixed到底是什么意思：

固定 不要为元素留出空间。相反，将其放置在相对于屏幕的视口的指定位置，并且在滚动时不要移动它。打印时，将其放置在每一页上的固定位置。

https://developer.mozilla.org/en-US/docs/Web/CSS/position

既然你不能控制视口的宽度..。

但是绝对位置应该可以工作，然后你可以将你的身体设置成这样：

body {
    min-width: 1020px;
    position: relative;
    min-height: 100%;
}
html{
  height: 100%;
}

http://jsfiddle.net/1forkath/