Şimdi Ara

Div satırın tamamını kaplamıyor

Bu Konudaki Kullanıcılar:
2 Misafir - 2 Masaüstü
5 sn
4
Cevap
0
Favori
123
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 1
Giriş
Mesaj
  •     <style>

            .underline {

                text-decorationunderline;

            }


            .card {

                font-size13px;

                positionfixed;

                bottom0px;

                height46px;

                left0px;

                width100%;

                background-colorrgb(255249249);

                }



            .card-body {

              text-aligncenter;

              positionrelative;

              top-16px;

              background-colorwhitesmoke;

              box-shadow5px 5px 5px 5px black;

            }


            a {

              color#000;

            }


            a:hover {

              color#000;

            }


            .btn {

              background-color#F44937;

              padding8px 7px;

              positionrelative;

              top-2px;

              border1px solid #F44937;

              border-radius4px;

              font-weightbold;

              font-family'roboto';

              font-size13px;

            }


            .btn:hover{

              background-color#F44937;

              border1px solid #F44937;

            }



        </style>

      </head>

      <body>


        <div class="card alert alert-dismissible fade show mx-auto">

          <div class="card-body">

            Veri politikasındaki amaçlarla sınırlı ve mevzuata uygun şekilde çerez konumlandırmaktayız. Detaylar için <a href="#" class="underline">veri politikamızı</a> inceleyebilirsiniz.


            <button type="button" data-dismiss="alert" class=" btn btn-primary">

              ANLADIM

            </button>

          </div>

        </div>



    kendimi test etmek için farklı sitelerin çerez kutusunu yapmaya çalıştım ama olmadı div satırın tamamını kaplamıyor. Aşağıda buttona tıklayınca kapatmayı başardım(bootstrap alert ile) fakat gölge eklediğimde satırın tamamını kaplamadığını fark ettim. sizce sebebi neyden kaynaklanıyordur?

    Div satırın tamamını kaplamıyor



  • bootstrap kullanıyosan, margini ek css kodu ile kendin sıfırlaman gerekebilir diye düşünüyorum.

  • .card sınıfını atadığın divin margin ve paddinglerini kontrol et. Birde width veririken 100% yerin 100vh dene. Buradaki vh anahratı mevcutta kullanılan ekranın tamamı demektir.

  • 
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.