3

我有一些问题，我设置了 2 个浮动 div 元素，其中一个 div 包含选择元素，当页面加载时 div 没有问题，但是一旦我单击选择框上的元素，div定位在右移到底部？

这里有一些关于我在说什么的示例代码：


#div1,#div2{float:left}
#div1{width:200px;margin-right:10px}
#div2{width:760px}

和html

<div id="wrapper">
  <div id="div1"><!--here the select goes--></div>
  <div id="div2"><!--here the table goes--></div>
</div>

这里是之后和之前发生的事情的截图：
截图

完全不涉及 javascript

我已经使用 Opera (Presto)、Firefox (Gecko)、IE8 (Trident) 进行了测试，没有问题，似乎它只出现在基于 Webkit 的浏览器上，因为我已经在 Chrome 2、SR Iron 和 QTWeb 上进行了测试

PS：尽量忽略丑陋的表头，很快我会修复它（目前在 Opera、Firefox、IE8 浏览器上都可以）

4

2 回答 2

1

在 css 中尝试：

#div1{width:200px;margin-right:10px;float:left;}
#div2{width:760px;float:right;}

希望这将解决选择问题，但因为您使用固定尺寸，如果窗口尺寸太小，它仍然会中断。

于 2009-05-21T13:08:59.707 回答
0

如果您只想使用 css 定位 webkit 浏览器：

@media screen and (-webkit-min-device-pixel-ratio:0)
{    
    "element/class or id here"{
      whatever you need here, ie: padding-top: 24px;
    }    
}
于 2009-12-15T10:10:06.033 回答