Question

我有一些问题，我设置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>

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

根本没有涉及javascript

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

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

Answer 1

在css中尝试：

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

希望这会解决选择问题，但因为你使用固定尺寸，如果窗口尺寸很小，它仍会破坏。

Answer 2

如果您只想使用css：

定位webkit浏览器

@media screen and (-webkit-min-device-pixel-ratio:0)
{    
    "element/class or id here"{
      whatever you need here, ie: padding-top: 24px;
    }    
}

webkit浮动问题

2 个答案: