ホームページ  >  記事  >  ウェブフロントエンド  >  DIV が別の DIV_html/css_WEB-ITnose のスペースを占有する問題を解決する方法

DIV が別の DIV_html/css_WEB-ITnose のスペースを占有する問題を解決する方法

WBOY
WBOYオリジナル
2016-06-21 09:37:351065ブラウズ

この投稿の最終編集者は oqzuser2352925146 で、2012-09-05 11:58:15 です。

入力すると記事の長さが不確かなので、高さを設定せずに左、中、右の 3 つの 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="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>

ディスカッションに返信 (解決策)

<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 コード

080b747a20f9163200dd0a7d304ba388