如何在css中将屏幕划分为这些div？ [英] How can I divide the screen to these divs in css?

问题描述

我怎么能让我的页面看起来像这样：

当左和右（上面的div

当A和B的高度未知时

解决方案

/ div>

http://jsfiddle.net/AHk78/

HTML

 < div id =upleft>< / div> 
< div id =upright>< / div> 
< div id =below>< / div> 
  

CSS

  #upleft {width：100px; height：500px ; background：red; float：left;} 
 #upright {width：300px; height：200px; background：blue; float：left} 
 #below {height：300px; width：100％; background ：green; clear：both} 
  

Just how can I make my page look like this:

When the left, and right (the upper divs

When A and B's height is unknown (well, the one who has most content will decide on how down below C is)

Thanks in advance

解决方案

http://jsfiddle.net/AHk78/

HTML

<div id="upleft"></div>
<div id="upright"></div>
<div id="below"></div>​

CSS

#upleft { width:100px; height: 500px; background:red; float:left; }
#upright { width:300px; height:200px; background:blue; float:left }
#below { height:300px; width:100%; background:green; clear:both }

这篇关于如何在css中将屏幕划分为这些div？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！