0

我有一个 HTML 页面，其中正文包含一个 div 标签。在 div 标签内，我有一个包含其他 div 标签的表格。当我缩放正文时，下拉 div 标签应该被限制缩放（或者即使它被缩放，我也想将它恢复到原始大小）。正文的 CSS 是：

body {
    width:1000px;
    padding-top:100px;
    zoom: 1.165; -moz-transform: scale(1.165);
}

代码如下所示。

<body>
<!--end of button effect-->
<div class="type-road-form">
<h1></h1>
<hr>
<table>
<tr id="rd-type">
    <td height="70">
        <div class="drop-down">
          <select name="select-rd-type" id="select-rd-type">
<option>Select Road Type</option>
            <option>urban</option>
        </div>
    </td>
</tr>
<tr id="sped-limit">
    <td height="70">
        <label>Speed Limit (mph)</label>
        <br>
        <div class="drop-down">
        <select id="Drop-Down-Speed" name="Speed Limit Selection">
        <option >Select Speed</option>
        <option>25</option>
        <option>30</option>
</div>
</body>
4

3 回答 3

0

您需要为您的 div 添加宽度，将以下内容放入样式表中

div.type-road-form { width: 1000px; }

顺便说一句，在您需要删除它</table>之后，您还有一个额外的。<body>

于 2012-10-26T05:26:13.867 回答
0

我想你可以尝试设置你最父级的 div

style="position:relative"

这对我有用，我认为这将是一个适当的解决方案，现在所有子 div 都将相应地定位并且不会移动。

于 2012-10-26T06:39:32.530 回答
0

不，没有这样做的好方法。您可以在此处获得更多参考：

当用户放大和缩小页面时，如何保持 <div> 的大小不变？

于 2012-10-26T05:35:58.813 回答