在css问题中有三个子div的div

Question

我正在准备网站页面结构，但仍然在这里

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出现在页面的右侧，但它出现在右下角。

3 个答案:

答案 0 :(得分：1)

试试这种方式

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

答案 1 :(得分：1)

您需要在内容之前放置两个浮动div（左侧和右侧）。

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

答案 2 :(得分：0)

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

Answer 1

试试这种方式

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

Answer 2

您需要在内容之前放置两个浮动div（左侧和右侧）。

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

Answer 3

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