怎么解决DIV占用另一DIV空间有关问题

如何解决DIV占用另一DIV空间问题
我设置了三个DIV，分别为左中右，都没有设定高度，因为文章长度不确定，当我在中间层输入文字时，把左右两层的空间也占用了，各层都设定了宽度的，如何解决这个问题呢？

另外，如何在渐变的背景上加背景图片呢？下面的渐变效果好像不是很好

HTML code


<style type="text/css">
<!--
#content {
    width:1003px;
    margin:0 auto;
    background: #979797; /* Old browsers */
    background: -moz-linear-gradient(top,  #6a6a6a 0%, #FFFFFF 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6a6a6a), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #6a6a6a 0%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #979797 0%,,#FFFFFF 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #979797 0%,#FFFFFF 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #979797 0%,#FFFFFF 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#979797', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
}

#content_left {
    float:left;
    width:115px;
}

content_main {
    word-wrap:break-word;
    width:872px;
}

#content_right {
    float:right;
    width:116px;    
}
-->

</style>


<div id="content">
    <div class="main">
        <div id="content_left">
            <div>
            <img src="images/what-we-do_47.gif" >
            </div>
        </div>
        <div id="content_main">
        南都讯 记者薛冰妮 实习生 邓倩晖　昨日，广东省计生委主任骆文智做客民声热线，首度正式回应“单独子女生二胎”等调整生育政策的呼声。骆文智称，国家目前没有做出决定搞生育政策调整试点工作，也没有接受过各省试点工作的申报，更不存在批与不批的问题。他强调，近期国家生育政策不会有大的调整。

　　近一段时期生育政策不会有大的调整

　　面对计生政策是否调整的疑问，广东省计生委主任骆文智回应，生育政策的调整必须经*批准，任何地方都无权力调整政策，最近国家人口计生委也反复强调，在国家没有调整政策前，任何部门都不能随意发表意见，更不能擅自调整政策，这是重要、严肃的政治组织纪律。最近，部分专家、学者对调整生育政策提出了一些建议和看法，这是正常的，但是个人所言，并不代表*。

　　骆文智还特别说明，“国家到目前为止没有做出决定搞生育政策调整试点工作，也没有正式、也没有在任何时候接受过各省试点工作的申报，更不存在批与不批的问题。所以只要国家政策没有调整，大家都要自觉遵守和支持计划生育政策。”他表示，近一段时期国家生育政策不会有大的调整，即使以后要完善和调整生育政策还是计划生育。

　　广东“失独”家庭至少3 .6万户

　　骆文智表示，广东目前登记的“失独”家庭有36000多户，其中76%的“失独”家庭实现了再生育。骆文智表示，36000户的数据未必统计完全，有些家庭不一定愿意领每月150元的补助，所以不愿登记。
        </div>
        <div id="content_right">
        </div>  
    </div>
</div>

------解决方案--------------------

CSS code

content_main {
    word-wrap:break-word;
    width:872px;
}

怎么解决DIV占用另一DIV空间有关问题

相关推荐