ホームページ > ウェブフロントエンド > htmlチュートリアル > CSSのlayout_html/css_WEB-ITnoseについて質問したいのですが

CSSのlayout_html/css_WEB-ITnoseについて質問したいのですが

WBOY
リリース: 2016-06-24 12:12:42
オリジナル
1067 人が閲覧しました

<?php	include_once("top.php");?><style>.mainflame{	margin-top:10px;	width:951px;	height:900px;	margin-left:auto;	margin-right:auto;	}.mainflame_service{	border:2px solid #c7e0f4;		background:#edf5fc;	width:185px;	height:235px;	padding-top:5px;	padding-left:5px;}.mainflame_service_img_fuwu{	background:url(img/youxi171fuwu.jpg);	width:180px;	height:42px;}.mainflame_service_line{	width:180px;	height:0px;	border:1px solid #c7e0f4;		}.mainflame_service_textlist{	padding-bottom:5px;	padding-top:5px;	width:180px;	font-size:12px;	border-bottom:1px solid #dcedfb;	}.mainflame_ad{	padding-bottom:5px;	padding-top:5px;	width:515px;	height:180px;	font-size:12px;	border:1px solid #dcedfb;	}</style><div class="mainflame">	<div class="mainflame_service">    	<div class="mainflame_service_img_fuwu">        </div>        <div class="mainflame_service_line">        </div>        <div class="mainflame_service_textlist">        <a href="#">游戏币</a></div>        <div class="mainflame_service_textlist">        游戏币        </div>        <div class="mainflame_service_textlist">        游戏装备        </div>        <div class="mainflame_service_textlist">        游戏点卡        </div>        <div class="mainflame_service_textlist">        账号交易        </div>        <div class="mainflame_service_textlist">        常见问题        </div>        <div class="mainflame_service_textlist">        客服中心        </div>                                                          </div>  <div class="mainflame_ad">  </div></div><?php	include_once("bottom.php");?>
ログイン後にコピー


mainflame_ad フレームがラップする理由がまったく理解できません。論理的に言えば、mainflame_ad と mainflame_service の幅が mainflame の幅を超えない場合、ラップされないのではないでしょうか。

それらをすべて同じ線上に、メインフレームの左側と上に配置する方法を教えてください。


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

.mainflame_ad{  float:left;  ……}
ログイン後にコピー

表示が変更またはフローティングされない限り、ブロック要素は 1 行に 1 つしか配置できないため、次のようになります。マージン-トップ: 10px;
高さ: 900px;
margin-right:auto;
border:2px;
width :185px;
パディングトップ:5px;
パディング-ボトム:5px;
幅: 515 ピクセル;
フォントサイズ: 12 ピクセル;
ソリッド過去 。

[Quote=3 階の返信からの引用:]
CSS コード
.mainflame_service{
float:left;

}
Float。幅と高さを適切に設定するだけです

ご回答ありがとうございます

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート