css - 如何在另外两个下安排一个 <div> ？

Question

我正在尝试实现 <div>其中有 3 个子 <div>的(见图)

div1 里面有一个图像，它的高度是用 .css 固定的

.image_inside_div1
{
height:6em;
}

.div1
{
float:left; /* so it fits to the image */
}

.div2
{
width:50%; /* not a great solution. How do I fill the rest (remaining from div1) of outerdiv's width? */
}

.div3
{
/*This is my primary question. How do implement div3 ?*/
width:100%;
position: ???
bottom: 0 ???
height: ???
}

谢谢!

Answer 1

.div3
{
/*This is my primary question. How do implement div3 ?*/
width:100%;
float: left;
clear:both;
}