如何並排修復2個DIV

我有2個DIV像下面這樣如何將它放在頁面並排和居中。沒有得到任何運氣與下面。由於提前如何並排修復2個DIV

現在我的CSS是：

#content 
    { 
    height: 100%; 
    position:fixed; 
    width:1400px; 
    /*width: 1200px; position: absolute; top:auto; bottom:0px; right:0px; left:auto; */ 

} 


#left{ 
    float:left; 
    width:700px; 
    position:absolute; 
    top:auto; bottom:720px; right:700px; left:auto; 

} 

#right{ 
    width: 700px; 
    float:right; 
    position:absolute; 
    top:auto; bottom:750px; right:-90px; left:600; 
} 


<div id="content"> 
      <div id="left"> 
       <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSourceScanned"> 
        <AlternatingRowStyle CssClass="altrowstyle" /> 
        <HeaderStyle CssClass="headerstyle" /> 
        <RowStyle CssClass="rowstyle" /> 
        <SelectedRowStyle BackColor="#004080" Font-Bold="True" ForeColor="Yellow" /> 
        <Columns> 

        </Columns> 
       </asp:GridView> 

      </div> 



      <div id="right"> 
       <asp:GridView ID="GridView2" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSourceMade"> 
        <AlternatingRowStyle CssClass="altrowstyle" /> 
        <HeaderStyle CssClass="headerstyle" /> 
        <RowStyle CssClass="rowstyle" /> 
        <SelectedRowStyle BackColor="#004080" Font-Bold="True" ForeColor="Yellow" /> 
        <Columns> 

        </Columns> 
       </asp:GridView> 
       </div> 
      <div style="clear: both;"> 
      </div> 
     </div>

來源

2011-09-19 naijacoder

可以粘貼所呈現的HTML？（正如您在視圖中看到的：源代碼） – Kyle

http://java.sg/creating-html-tables-with-css-and-div/ –

-1

我在這段代碼中看到的唯一問題是top:auto

爭創一些特定的距離。而在左&水平中心對齊使用權text-align:center; DIV

來源

2011-09-19 08:36:50 mooglife

最好的辦法是：

#left{ 
display:inline; 
} 

#right{ 
display:inline; 
}

來源

2011-09-19 08:39:39

試試這個CSS樣式

#content 
    { 
    height: 100%; 
    width:1400px; 
    margin:0 auto; 

} 
#left{ 
    float:left; 
    width:700px; 
} 

#right{ 
    width: 700px; 
    float:right; 
}

來源

2011-09-19 08:41:43 Sanooj

在三條評論中，這是OP所需的正確CSS去做。 – Ben

如何並排修復2個DIV

回答

相關問題