div+css中,左边是图片,右边是文字怎么写

用一个div作为主框架，嵌套图片和文字内容两个div，同时使用浮动功能。

图片向左浮动，文字内容向右浮动，这就形成了两栏。
右边的文字内容又分为两个div，不需要浮动，它会自动上下排列的。

代码如下：

<div id="container">
<div id="photo"><img src="图片地址" /></div>
<div id="content">
<div id="text">文字介绍</div>
<div id="news">新闻内容</div>
</div>
</div>

CSS：
#container {width: 100%;}
#photo {float: left; width: 40%;}
#content {float: right; width: 60%;}

【综合网络信息编辑】

━━━━━━━━━━━━● 【转载请注明出处】 ●━━━━━━━━━━━