5

我知道有很多关于这个的问题，我已经尝试了很多解决方案，但我无法让它发挥作用。我在 facebook 画布页面（810px）中有两个 div，我希望它们彼此相邻显示。目前一个在另一个之上。这是我的代码：

<div class="tab_content tab1" >
 <div id="dialerdiv1" style="float: left; margin-right: 405px;">
    <embed type="application/x-shockwave-flash" wmode="opaque"
    src="thesource"
    width="301"
    height="401"
    id="popUpSwf"
    name="popUpSwf"
    quality="high"
    border="none"
    allowscriptaccess="always"
    pluginspage="http://www.adobe.com/go/getflashplayer"
    scale="noscale"
    menu="false"
    flashvars="..." />
 </div>
 <div id="dialerdiv2" style="float: right; width: 405px;">
      <embed type="application/x-shockwave-flash" wmode="opaque"
      src="thesource"
      width="301"
      height="401"
      id="popUpSwf"
      name="popUpSwf"
      quality="high"
      border="none"
      allowscriptaccess="always"
          pluginspage="http://www.adobe.com/go/getflashplayer"
      scale="noscale"
      menu="false"
      flashvars="..." />            
 </div>
</div>

如何让这两个内部 div 彼此相邻？另外，我尝试使用表格，它可以工作，但是 Firefox 将这些 td 单元格移动到画布区域的外部，我无法让它们居中（只有 Firefox）

谢谢

4

3 回答 3

5

如果父 div 的<div class="tab_content tab1">可用宽度超过 810px，那么下面的代码应该可以正常工作。

<div class="tab_content tab1">
    <div id="dialerdiv1" style="float: left; width: 405px;">
        <embed ... />
    </div>
    <div id="dialerdiv2" style="float: left; width: 405px;">
        <embed ... />            
    </div>
    <div style="clear: both;"></div>
</div>
于 2012-05-23T09:32:27.343 回答
2

如果您更改第二个 div 的宽度，它应该可以工作。

<div id="dialerdiv2" style="float: right; width: 370px;">

它也应该像这样工作

         <div id="dialerdiv1" style="float: left; margin-right: 390px;">
            ......
         </div>
         <div id="dialerdiv2" style="float: right; width: 390px;">
            ........
         </div>

问题来自 div 的大小和可用空间。与他们一起玩一点，您将找出要使用的正确值

于 2012-05-23T09:47:04.370 回答
0

您是否删除了正文边距和填充？

body{margin:0;padding:0}
于 2012-05-23T09:34:57.813 回答