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

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

2、代碼如下：

<divid="container">

<divid="photo"><imgsrc="圖片地址"/></div>

<divid="content">

<divid="text">文字介紹</div>

<divid="news">新聞內容</div>

</div>

</div>

CSS：

#container{width:100%;}

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

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