Html 如何做到这一点（照片）。如何设置div的高度

我想实现这样的目标： 此外，我想有文字高度，直到底部蓝色区域div

这是我试过的

<div id="main">
<div id="left">left side</div>
<div id="wrapper">
    <div id="rightedge">rightedge</div>
    <div id="right">right</div>
    <div id="top">top</div>
    <div id="middle">
        <div id="photo">here will be photo</div>Some text</div>
    <div id="bottom">bottom</div>
</div>

左侧
右边缘
正确的
顶部
这里将是照片文本
底部

我想不出来。我做错了什么？

---

在2个未填充其工作区域的分区上使用

位置：绝对

表示关注

---

在OP中显示相关CSS。