用窗口改变DIV的宽度

我有两个div：一个是浮动左边，另一个是右边。右边的div是一个不变的大小，但我希望左边的div根据窗口大小改变它的宽度。我目前的宽度设置为75％，这在一定的尺寸上看起来很棒。但是，当窗口变得相对较大时，两个div之间的空间变得太大。如何设置左侧div的宽度，使其与右侧div的距离恒定，无论窗口大小如何？用窗口改变DIV的宽度

来源

2012-06-27 davitykale

您可以将左浮动div设置为100％，并给它一个与右浮动div一样宽的余量。这应该工作

像这样jsfiddle

来源

2012-06-27 21:00:09

'float：right'在IE 7及以下版本中可能无法预测 - 至少在我的经验中！ “ – jaypeagi

”及以下“你的意思是IE 6？恕我直言，如果网页必须保持兼容IE7及以下，我们也不能使用HTML5，没有视频标签等 –

取决于网站的上下文。在工作中，我必须确保网页在IE7中的功能*。而且，许多HTML5功能在旧版浏览器中都会很好地降级。没有理由不使用它，但值得注意！ – jaypeagi

设置最左边的div的宽度100%并给它一个margin-right相同的宽度为右div。然后，将右侧的div的位置绝对化并将其固定在页面的右上角。

来源

2012-06-27 21:00:29 meagar

也值得添加一个'word-wrap：break-word;'用长词/ url来保存这个打破。不幸的是CSS3。 – jaypeagi

用窗口改变DIV的宽度

回答

相关问题