如何實現div+css中左邊是圖，右邊是文字

1、用一個div作為主框架，巢狀圖片和文字內容兩個div，同時使用浮動功能。圖片向左浮動，文字內容向右浮動，這就形成了兩欄。右邊的文字內容又分為兩個div，不需要浮動，它會自動上下排列的。

2、程式碼如下：

<div>

<div><img src="圖片地址" /></div>

<div>

<div>文字介紹</div>

<div>新聞內容</div>

</div>

</div>

CSS：

#container {width: 100%;}

#photo {float: left; width: 40%;}

#content {float: right; width: 60%;}