日期:2014-05-17  浏览次数:20619 次

如何解决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;
}