ホームページ >ウェブフロントエンド >htmlチュートリアル >モバイルレイアウトに関する質問_html/css_WEB-ITnose
モバイルレイアウトに関する質問_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-21 09:28:471167ブラウズ
<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" の違いはどこですか?... だって? 私は?? 何か分かりません
? え？違いは何ですか?
答えられる専門家はいますか
23c3de37f2f9ebcb477c4a90aac6fffd の使い方しか見当たりません
クラスは " " ではないでしょうか?カテゴリの名前... では、「」内の記事の機能は何でしょうか？
分かりました??!!
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。