rightsidebar从内容div的底部开始

我在处理我网站上的div时遇到问题。我有三个div“sidebarleft”，“content”和“sidebarright”放在“容器”div中。如果'content'div中没有内容，则其他两个div工作正常。但是，无论何时将任何内容添加到“容器”div，“sidebarright”都会从“content”div的底部开始。有什么建议么？rightsidebar从内容div的底部开始

这里是我的代码：

homepage.php：

<div class="container"> 
    <?php 
    include "header1.php" 
    ?> 
     <div class="sidebarleft"><font class="common"> 
     <ul> 
     <li style="font-weight:bold; font-size:26; align:center;">Categories</li> 
     <li style="font-size:26;"><a href="pol_score_reset.php">Politics</a></li> 
     <li style="font-size:26;"><a href="ps_score_reset.php">Programming Skills</a></li> 
     <li style="font-size:26;"><a href="gk_score_reset.php">general knowledge</a></li> 
     </ul></font> 
     </div> 

     <div class="content"> 
     <img align="center" src="images/good_luck.gif"> 
     </div> 

     <div class="sidebarright"><font class="common"> 
     <script type="text/javascript"><!-- 
     google_ad_client = "ca-pub-4380835311996732"; 
     /* haryanamcresults_sidebar-right-1_AdSense3_160x600_as */ 
     google_ad_slot = "1081438655"; 
     google_ad_width = 160; 
     google_ad_height = 600; 
     //--> 
     </script> 
     <script type="text/javascript" 
     src="//pagead2.googlesyndication.com/pagead/show_ads.js"> 
     </script> 
     </font> 
     </div> 

     <div class="clearfix"> 
     </div> 
</div>

stylesheet.php：

所有总 width的

div.header{ 
    width:100%; 
} 
div.container{ 
    width:80%; 
    height:100%; 
    margin-left:10%; 
    margin-right:10%; 
    background:gray; 
    display:block; 
} 
div.sidebarleft{ 
    width:20%; 
    float:left; 
} 
div.contentmain{ 
    width:75%; 
    float:left; 
} 
div.sidebarright{ 
    width:20%; 
    float:right; 
} 
.clearfix{ 
    clear:both; 
}

来源

2013-09-21 Ankur Gupta

可以上传到jsfiddle –

请不要再使用''标签。 90年代很久以前。此外，无论如何，你都在为其余的东西使用CSS。最后，**正确缩进你的代码** – Bojangles

减少设置例如“20％+ 75％+ 20％= 115％”的元素的大小'div.contentmain {width：60％;}'，你会得到'.container' div的20％+ 60％+ 20％= 100％。 – mdesdev

rightsidebar从内容div的底部开始

回答

相关问题