0

我正在尝试创建一个带有内容 div 和侧边栏 div 的简单网站，但侧边栏 div 正在我的内容 div 中向下推一些东西，即使它在外面。我相信这是一个简单的解决方法，但很难找到这个确切的场景。

我在这里创建了一个 jsfiddle，http://jsfiddle.net/WRs7L/。

<body>
  <div id="wrapper">
    <div id="main"> 
      <div id="sidebar"></div>  
      <div id="content">
        <div id="resume">
          <section id="employment" class="part">
            <h2>Employment</h2>
              <section class="item">
                <div class="info cf">
               <div class="left">
            <span class="title">Title</span>
            <span class="employer">Employer</span>
            <span class="group">Group</span>                
              </div>
              <div class="right">
            <span class="dates">Date</span>
            <span class="location">Location</span>              
              </div>       
                  <div style="clear: both;"></div>   
                </div> 
                <div class="content">
                 <ul>
                   <li>Item 1</li>
                   <li>Item 2</li>
                   <li>Item 3</li>
                 </ul>
               </div>
             </section>    
           </section>    
         </div>
       </div>
     </div>
   </div>
 </body>
4

1 回答 1

0

您需要查看您希望并排放置的两个 div 的宽度和高度。

我认为您的问题是您没有为要放在侧边栏旁边的元素指定宽度/高度。例如，如果您有一个宽度为 1000 像素的页面，您将创建两个 div，例如

<div id="side1"></div>
<div id="side2"></div>

然后应用 css 使它们并排坐着：

#side1
  {
    width:49%;
    height:500px;
    float:left
    margin-right:1%;
    clear:none;
   }

 #side2   {
    width:50%;
    height:500px;
    float:left;
    clear:none;
   }
于 2013-03-17T21:21:28.000 回答