fixed navbar sorunu

lparalyzed 937 gün önce

529 defa görüntülendi

header'a fixed özelliğni veriyorum fakat altındaki section alanı bundan etkileniyor neden ? ?

    <header>
        <a href="#">logo</a>
    </header>
    
    <section>
        sddsd
    </section>

header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 25px 40px ;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevaplar (3)

kartal

935 gün önce

nasıl etkilendiğini de biz anlayamayız keşke belirtsen

#009814

kartal

935 gün önce

section elementine header yüksekliği kadar padding yada margin vermwn gerek top tan

#009813

codepacks

936 gün önce

neden şümkü sadece headere stillendirme vermişsin oysaki
link ve logo özelliğinede css değerleri vermen gerekiyor
stillendirme aşağıdaki örnekteki olabilir denersen sonucu görürsün

.header { //header
overflow: hidden;
background-color: #f1f1f1;
padding: 20px 10px;
}

.header a { //link
float: left;
color: black;
text-align: center;
padding: 12px;
text-decoration: none;
font-size: 18px;
line-height: 25px;
border-radius: 4px;
}

.header a.logo { // logo
font-size: 25px;
font-weight: bold;
}

#009797