DIV宽度调整

时间:2012-08-16 17:42:39

标签: javascript css html5

我在一个并排排列的页面中有两个<div> - s,宽度定义为百分比75%25%。在100%浏览器缩放中一切顺利,但只要放大一个<div>就会下降。如何防止这种情况?

如果无法阻止所有缩放尺寸,那么我可以检测到我的<div>已经下降并向用户发出可能缩小的警告吗?

2 个答案:

答案 0 :(得分:1)

您可以为min-width设置body,这会使页面滚动而不是调整大小。

答案 1 :(得分:0)

它应该缩放得很好。在你的75%/左DIV上放一个“float:left”,在你的25%/右DIV上放一个“float:right”......反之亦然。例如:

<div style="width:75%; height:200px; background:#333; float:left; position:relative;"></div>
<div style="width:25%; height:200px; background: #999; position:relative; float:right;"></div>