Butang tatal ke atas mencipta ruang putih tambahan di bahagian bawah halaman
<p>Saya mengikuti beberapa tutorial untuk mencipta butang tatal terapung berasaskan CSS ke atas. Walau bagaimanapun, saya perhatikan bahawa terdapat ruang putih tambahan di bawah elemen HTML terakhir (cth. baris terakhir). Ketinggian ruang putih tambahan sepadan dengan ketinggian butang saya (50px). </p>
<p> Saya juga cuba menambah teg div tambahan untuk menyertakan teg div arrowUp, dan jurang telah dikurangkan, tetapi masih terdapat ruang putih yang kecil tetapi ketara. </p>
<p>Saya tertanya-tanya sama ada terdapat cara untuk mengelakkan ruang putih tambahan? </p>
<pre class="brush:css;toolbar:false;">#arrowUp {
kedudukan: melekit;
lebar: 50px;
bawah: 120px;
latar belakang: #699462;
jejari sempadan: 10px;
nisbah aspek: 1;
jidar-kiri: auto;
jidar kanan: 20px;
// margin-bawah: 150px;
}
#arrowUp a {
kandungan: "";
jawatan: mutlak;
sisipan: 25%;
transform: translateY(20%) rotate(-45deg);
atas sempadan: 5px pepejal #fff;
sempadan-kanan: 5px pepejal #fff;
}</pre>
<pre class="brush:html;toolbar:false;"><div>
<p> Baris pertama. </p>
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<p> </p>
</div>
<div id="arrowUp">
<a href="#"></a>
</div></pra>
<p><br /></p>
