Hogyan tudnék ennek a div-nek margint adni?
<div class="container">
<div class="column">
</div>
<div class="column">
</div>
</div>
<div class="container">
<div class="column">
</div>
<div class="column">
</div>
</div>
<style>
.container{
margin-top: 100px;
}
.column {
float: left;
width: 25%;
}
</style>
A float miatt nem érvényesülnek a margin, width, height, padding stb beállítások a containerre. Itt a float mit állít át, ami miatt így viselkedik a container?
Jelen kontextusban:
teljesen az elvártak szerint működik (Firefox 60.0.2, a vonalzókat a Webfejlesztő eszköztárral raktam rá):
négy darab, az oldal negyedét elfoglaló, egymás mellé lebegtetett blokk, amelyek 100 pixelre vannak az oldal tetejétől.
Mi lenne a probléma? Mutatnál rá példát?
Vagy mi lenne a koncepció?
.container {
Overflow: auto;
}
.column:last-child {
Clear: right;
}
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!