twitter bootstrap - Positioning three divs: one left and two smaller stacked on the right -


i'm using bootstrap , wanna have 1 big div on left side of website , 2 smaller divs on right side. smaller divs should under each other. whole constructure shall rectangle.

sorry bad english hope able understand me

use containing div hold 2 right divs , float both divs left. psuedo-selector "after" on .right-wrap clear floats semantically without need code.

code:

<div class="left">fu</div> <div class="right-wrap"> <div class="rtop">blah</div> <div class="rbottom">blah again</div> </div> 

css:

.left { width: 100px; height: 200px; background:red; float:left; cleat:left; } .right-wrap { width: 100px; height: 200px; float:left; } .right-wrap:after { content: ""; clear:both; } .rtop { position: relative; width: 100px; height: 100px; background:blue; } .rbottom { position: relative; width: 100px; height: 100px; background:yellow; } 

Comments

Popular posts from this blog

java.util.scanner - How to read and add only numbers to array from a text file -

rewrite - Trouble with Wordpress multiple custom querystrings -