Pada dasarnya saya membuat satu komponen yang hanya memiliki judul dan warna untuk latar belakang yang harus menutupi seluruh halaman (tetapi tidak, tampaknya ada margin atas dan saya tidak tahu cara menghapusnya) dan juga saya membuat komponen untuk menjadi catatan kaki. Komponen ini harus tetap di bagian bawah halaman dan harus turun dengan penambahan konten, tetapi tidak, konten tumpang tindih dan bahkan melewatinya. Bagaimana saya bisa memperbaikinya?

CSS Latar Belakang:

<style scoped>
*{
    margin: 0%;
    padding: 0%;
}
.background{
    position: relative;
    height: 88vh;
    background-color: #3B3B3B;
}
.title{
    border: 1px solid #707070;
    border-left: none;
    border-right: none;
    
}
.title h2{
    text-align: left;
    color: #B16DFF;
    padding-top: 0.8em;
    font-size: 2em;
    padding-bottom: 0.5em;
    margin-left: 1.5em;
    font-weight: 600;
}

CSS kaki:

<style scoped>
.container{
  width: 100%;
  margin: 0%;
  position: absolute;
  bottom: 0%;
  background-color: #232323;
}

.container h2{
  font-weight: bold;
  color: #B16DFF;
  font-size: 1.5rem;
  padding-top: 1.1em;
}

.container #text{
  position: relative;
  float: left;
  padding-left: 5em;
  text-align: justify;
  padding-bottom: 2em;
}

.container p{
  font-weight: 600;
  font-size: 0.8rem;
  color: white;
}

.container #title{
  padding-bottom: 0.4em;
}

.container #description{
  padding-bottom: 1.3rem;
}

.container #images{
  position: relative;
  padding-top: 3em;
  float: left;
  padding-left: 5em;
}

.container ul li{
  display: inline-block;
  padding-left: 2em;
}
1
smukasplays77 10 Mei 2021, 14:52

1 menjawab

Jawaban Terbaik

Di css latar belakang Anda, Anda memiliki gaya scoped sehingga tidak berlaku untuk semuanya. Juga ketika Anda menggunakan 0 sebagai nilai untuk properti css, Anda tidak perlu menentukan unit.

0
Abregre 10 Mei 2021, 13:52