問題

私はちょうど最近コーディングを始めたので、私は特に多くのことを確信していません - 私が使用しているプログラムでさえ。 HTMLとCSSの違いは何ですか?

とにかく、質問に戻って:ページの特定のセクションをすべての解像度で画面の100%に収まるようにするにはどうすればよいですか?これはウェブサイトです: http://youns.gitastudent.online/

私は 'Computer Science:Gita 1'ボックスがすべての解像度のページの中央に配置されるようにしようとしていますが、スクロール機能はまだそこにあります。以下のボタンは、ページを「8月」の見出しにスクロールし、ユーザーがクリックする必要があります。

私はまた、ページを上に戻すウェブサイトの一番下に別のボタンを持っていますが、私はそれが本当にそれを上に上げることは決してないことに気付きました。私はまだ5-10ピクセル上にスクロールすることができます - これには理由がありますか?これをどうすれば解決できますか?

 <div class="main" id="Top"></div>
</br></br></br></br></br></br>

<hr width="90px" size="1" color="silver">
<hr width="200px" size="1" color="silver">
<hr width="525px" size="1" color="silver">
<div id="box1" class="Style7">
. . .
</div>
<h1 id="box2"></br>Computer Science: Gita 1</h1>
<div id="box2" style="line-height:20px">
</br>
</div>
<div id="box2" class="Style2">
This is my website for Computer Science 1. We are learning C#</br>which is used for making Windows apps.
This is my first year of programming, but</br>some day I would like be able to program my own apps from scratch.
</div>
<div id="box3" class="Style2">
</br>
</div>
<div id="box4" class="Style7">
. . .
</div>
</br>
<hr width="525px" size="1" color="silver">
<hr width="200px" size="1" color="silver">
<hr width="90px" size="1" color="silver">

</br></br></br></br></br></br>

<div class="Style2">
Projects
</div>
<div class="Style6">
-
</div>
<div><a href="#Projects"><button class="button1">﹀</button></a></div>

</br></br></br></br></br>
<div id="Projects"></div>
<div id="box6" class="Style4" align="center">
</br>
August
</br>
</br>
</div>
</br></br>
 

  ベストアンサー

全ページをカバーするためには、ビューポートの幅をカバーする width: 100vw; を指定する必要があります。 また、HTMLタグの使用についての研究を検討する必要があります 上のボタン あなたは<center>タグでid #topを提供しましたが、これは実際には上にありません。あなたはそれを調べるときに見ることができるでしょう。また、bodyid #topを与えてみてください。それはすべての方法にスクロールします。

  同じタグがついた質問を見る

htmlcss