格有三个孩子div的CSS问题里面

卡住的Html

<div id="main"> 
    <div id="left"></div> 
    <div id="content"></div> 
    <div id="right"></div 
</div>

CSS

#main 
{ 
    background: url("../images/bkg_main1.gif") no-repeat scroll 50% 0 #FBFAF6; 
    width: 100%; 
} 
#left 
{ 
    float:left; 
} 
#content 
{ 
    width:997px; 
    margin:0 auto; 
} 
#right 
{ 
    float:right; 
}

留下的div应该出现在页面的左侧，它出现，内容div应该出现在中间，它也出现在中间，右边div应该出现在页面的右侧。右侧div出现在页面的右侧，但它出现在右下角。

来源

2011-07-20 Daric

＃内容太大 – benhowdle89

#main太小;）由于#main是由窗口宽度设置的，使得窗口太小而不能容纳内容将导致#right掉落在下面。弹出一些边框：1px solid＃f0f;围绕你的divs去看看他们在做什么 –

尝试这种方式

<div id="main"> 
    <div id="left"></div> 
    <div id="right"></div> 
    <div id="content"></div> 
</div>

来源

2011-07-20 12:01:15 Subdigger

#left, #content, #right { 
    float: left; 
}

来源

2011-07-20 12:01:20 wanovak

您需要的内容之前把两个浮动的div（左，右）。

此外，您应该为浮动元素定义一个宽度，并且如果内容足够大，则内容的左右边距（等于宽度）或浮动可以“下降”。

来源

2011-07-20 12:03:06 Ariel

格有三个孩子div的CSS问题里面

回答

相关问题