图片向左浮动,文字内容向右浮动,这就形成了两栏。
右边的文字内容又分为两个div,不需要浮动,它会自动上下排列的。
代码如下:
<&>
&>
文字介绍<&>
新闻内容<&>
<&>
<&>
CSS:
#container {width: 100%;}
#photo {float: left; width: 40%;}
#content {float: right; width: 60%;}&>&>&>
&> <&>
<&>
CSS:
#container {width: 100%;}
#photo {float: left; width: 40%;}
#content {float: right; width: 60%;}&>&>&>