如何解决DIV占用另一DIV空间问题_html/css_WEB-ITnose

本帖最后由 oqzuser2352925146 于 2012-09-05 11:58:15 编辑

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

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

<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="/static/imghwm/default1.png"  data-src="images/what-we-do_47.gif"  class="lazy"    alt="如何解决DIV占用另一DIV空间问题_html/css_WEB-ITnose" >            </div>        </div>        <div id="content_main">        南都讯 记者薛冰妮 实习生 邓倩晖　昨日，广东省计生委主任骆文智做客民声热线，首度正式回应“单独子女生二胎”等调整生育政策的呼声。骆文智称，国家目前没有做出决定搞生育政策调整试点工作，也没有接受过各省试点工作的申报，更不存在批与不批的问题。他强调，近期国家生育政策不会有大的调整。　　近一段时期生育政策不会有大的调整　　面对计生政策是否调整的疑问，广东省计生委主任骆文智回应，生育政策的调整必须经中央批准，任何地方都无权力调整政策，最近国家人口计生委也反复强调，在国家没有调整政策前，任何部门都不能随意发表意见，更不能擅自调整政策，这是重要、严肃的政治组织纪律。最近，部分专家、学者对调整生育政策提出了一些建议和看法，这是正常的，但是个人所言，并不代表政府。　　骆文智还特别说明，“国家到目前为止没有做出决定搞生育政策调整试点工作，也没有正式、也没有在任何时候接受过各省试点工作的申报，更不存在批与不批的问题。所以只要国家政策没有调整，大家都要自觉遵守和支持计划生育政策。”他表示，近一段时期国家生育政策不会有大的调整，即使以后要完善和调整生育政策还是计划生育。　　广东“失独”家庭至少3 .6万户　　骆文智表示，广东目前登记的“失独”家庭有36000多户，其中76%的“失独”家庭实现了再生育。骆文智表示，36000户的数据未必统计完全，有些家庭不一定愿意领每月150元的补助，所以不愿登记。        </div>        <div id="content_right">        </div>      </div></div>

回复讨论(解决方案)

<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 {    width:700px;margin:0 125px;}#content_right {    float:right;    width:116px;  }--></style><div id="content">    <div class="main">        <div id="content_left">            <div>    左            </div>        </div><div id="content_right">右        </div>         <div id="content_main">        南都讯 记者薛冰妮 实习生 邓倩晖　昨日，广东省计生委主任骆文智做客民声热线，首度正式回应“单独子女生二胎”等调整生育政策的呼声。骆文智称，国家目前没有做出决定搞生育政策调整试点工作，也没有接受过各省试点工作的申报，更不存在批与不批的问题。他强调，近期国家生育政策不会有大的调整。　　近一段时期生育政策不会有大的调整　　面对计生政策是否调整的疑问，广东省计生委主任骆文智回应，生育政策的调整必须经中央批准，任何地方都无权力调整政策，最近国家人口计生委也反复强调，在国家没有调整政策前，任何部门都不能随意发表意见，更不能擅自调整政策，这是重要、严肃的政治组织纪律。最近，部分专家、学者对调整生育政策提出了一些建议和看法，这是正常的，但是个人所言，并不代表政府。　　骆文智还特别说明，“国家到目前为止没有做出决定搞生育政策调整试点工作，也没有正式、也没有在任何时候接受过各省试点工作的申报，更不存在批与不批的问题。所以只要国家政策没有调整，大家都要自觉遵守和支持计划生育政策。”他表示，近一段时期国家生育政策不会有大的调整，即使以后要完善和调整生育政策还是计划生育。　　广东“失独”家庭至少3 .6万户　　骆文智表示，广东目前登记的“失独”家庭有36000多户，其中76%的“失独”家庭实现了再生育。骆文智表示，36000户的数据未必统计完全，有些家庭不一定愿意领每月150元的补助，所以不愿登记。        </div>             </div></div>

HTML code

<div id="content">    <div class="main">        <div id="content_left">            <div>            <img  src="/static/imghwm/default1.png"  data-src="images/what-we-do_47.gif"  class="lazy"    alt="如何解决DIV占用另一DIV空间问题_html/css_WEB-ITnose" >            </div>        </div>        <div id="content_right">        </div>          <div id="content_main"   style="max-width:90%">        南都讯 记者薛冰妮 实习生 邓倩晖　昨日，广东省计生委主任骆文智做客民声热线，首度正式回应"单独子女生二胎"等调整生育政策的呼声。骆文智称，国家目前没有做出决定搞生育政策调整试点工作，也没有接受过各省试点工作的申报，更不存在批与不批的问题。他强调，近期国家生育政策不会有大的调整。　　近一段时期生育政策不会有大的调整　　面对计生政策是否调整的疑问，广东省计生委主任骆文智回应，生育政策的调整必须经中央批准，任何地方都无权力调整政策，最近国家人口计生委也反复强调，在国家没有调整政策前，任何部门都不能随意发表意见，更不能擅自调整政策，这是重要、严肃的政治组织纪律。最近，部分专家、学者对调整生育政策提出了一些建议和看法，这是正常的，但是个人所言，并不代表政府。　　骆文智还特别说明，"国家到目前为止没有做出决定搞生育政策调整试点工作，也没有正式、也没有在任何时候接受过各省试点工作的申报，更不存在批与不批的问题。所以只要国家政策没有调整，大家都要自觉遵守和支持计划生育政策。"他表示，近一段时期国家生育政策不会有大的调整，即使以后要完善和调整生育政策还是计划生育。　　广东"失独"家庭至少3 .6万户　　骆文智表示，广东目前登记的"失独"家庭有36000多户，其中76%的"失独"家庭实现了再生育。骆文智表示，36000户的数据未必统计完全，有些家庭不一定愿意领每月150元的补助，所以不愿登记。        </div>    </div></div>

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

改成

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

LZ忘记content_main是id了吧