前の問題次の問題

次の HTML で記述したウェブページについて、footer 要素をウェブページ下部に表示させたいが、このままでは適切に表示できない。必要となる設定を以下より 1 つ選択しなさい。

[HTML]

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ウェブデザイン技能検定</title>
<style>
 #wrapper { width: 600px; }
 main { width: 300px; float: right; }
 aside { width: 200px; float: left; }
</style>
</head>
<body>
<div id="wrapper">
 <div id="content">
 <h1>タイトル</h1>
 <main>
 <h2>サブタイトル</h2>
 <p>本文</p>
 </main>
 <aside>
 <h2>サブタイトル</h2>
 <p>本文</p>
 </aside>
 </div>
 <footer>フッター</footer>
</div>
</body>
</html> 

選択肢 1

footer 要素に clear:both の設定を行う。

選択肢 2

id="content"を指定した div 要素に clear:both の設定を行う。

選択肢 3

footer 要素に float:both の設定を行う。

選択肢 4

aside 要素に clear:both の設定を行う。

解答

正解
1
解説
この問題は解説を募集しております。
ログインすると解説を投稿できます。
個人メモ(他のユーザーからは見えません)
メモを残すにはログインが必要です
コメント一覧
  • まだコメントがありません
※ コメントには[ログイン]が必要です。