モバイルレイアウトに関する質問_html/css_WEB-ITnose

WBOY

リリース： 2016-06-21 09:28:47

オリジナル

1170 人が閲覧しました

<style>body{	width:90%;	margin:0 auto}		#content{		overflow:auto;		height:100%;}    #nav,#feature,#footer{		background-color:#efefef;				margin:1%;}		.col1,.col2,.col3{			background-color:#efefef;			width:31.3%px;			float:left;			margin:1%;}			li{				display:inline;				padding:0.5em;}				#nav,#footer{					background-color:#efefef;					padding:0.5em 0;}					#feature,.article{						height:10em;						margin-bottom:1em;						background-color:#efefef;}</style>

ログイン後にコピー

<body><div id="header"><h1>Logo</h1><div id="nav"><ul><li>A</li><li>B</li><li>C</li><li>D</li><li>E</li></ul></div></div><div id="content"><div id="feature"><p>Feature</p></div><div class="article col1"><p>col one</p></div><div class="article col2"><p>col two</p></div><div class="article col3"><p>col three</p></div></div><div id="footer"><p>Copynight 2011</p></div></body>

ログイン後にコピー

なぜ私が作ったレイアウトはこのようにならずに...

になったのですか？幅は正しく設定されている必要があります...

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

.col1,.col2,.col3{            background-color:#efefef;            width:31.3%px;            float:left;            margin:1%;}

ログイン後にコピー

ここでの幅の単位は何ですか?パーセンテージを使用しますか、それともピクセルを使用しますか?

テキストが中央に表示される場合は、本文に text-align:center; を追加することもできます。この属性はすべての子孫要素に継承されます。

div クラス "articlecol1" と div クラス "col1" の違いは何ですか? 何をしているのか分かりません

なぜ div クラス "article" を使用する必要があるのですか? " 意味? 違いはどこですか?

<div class="article col1"><p>col one</p></div><div class="article col2"><p>col two</p></div><div class="article col3"><p>col three</p></div>

ログイン後にコピー

? div クラス "articlecol1" と div クラス "col1" の違いはどこですか?... だって? 私は?? 何か分かりません

? え？違いは何ですか?

答えられる専門家はいますか

ネットで検索しても似たようなものが見つかりません

の使い方しか見当たりません
クラスは " " ではないでしょうか?カテゴリの名前... では、「」内の記事の機能は何でしょうか？

分かりました??!!