Question

我知道有很多关于此的问题，我尝试了很多解决方案，但我无法让它发挥作用。我在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）

谢谢

Answer 1

如果父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>

Answer 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的大小和可用空间。与他们玩一点，你会发现使用正确的值是什么

Answer 3

您是否删除了身体边距和填充？

body{margin:0;padding:0}

臭名昭着的Two Div's彼此相邻

3 个答案: