DIV+css 如何实现左右分栏

html-css011

DIV+css 如何实现左右分栏,第1张

楼上的不懂就不要乱讲,iframe 不适合网站优化,因为frame里的内容百度谷歌等搜索引擎根本抓取不到;此外div可以设置高度和宽度。解决办法是:左右分栏,显然是一个div在左侧,一个div在右侧。左侧的div的css样式是:float:leftwidth70%右侧的div的css样式是:margin-left70%width:30%其他的你自己细微调一下。在这两个div下面,加上一个div清除左右侧浮动元素,比如,<div style="clear:both"></div>.就行了。

使用CSS中的float属性就可以了,代码如下:

<style type="text/css">

.div_obj{float:leftwidth:300pxheight:300pxmargin:10pxbackground-color:pink

</style>

<div class="in_one_line">

<div class="div_obj">111</div>

<div class="div_obj">222</div>

<div class="div_obj">333</div>

</div>