Hogy marad a <div> egy másik <div> mellett?
Float-tal egymás mellé helyeztem a 2 div-et. Ha keskenyebbre húzom a böngészőt, és a 2. div tartalma már nem fér ki, akkor az 1. div alá helyezi a 2-at.
Lehet valahogy kényszeríteni, hogy a helyén maradjon, még ha nem is fér ki?
HTML:
<head>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div id=1>
srqponmlkjihgfedcba
</div>
<div id=2>
abcdefghijklmnopqrs
</div>
</body>
CSS:
div#1 {
background-color: red;
width: 150px;
float: left;
}
div#2 {
background-color: blue;
width: 100%;
}
válasza:Válaszod félig igaz, viszont tökéletes megoldás volt.
A 100% azt jelenti, hogy az 1. div után fent maradt helyet tölti ki 100%-ban. Próbáld ki nyugodtan h pl csak 80%-ot írsz, akkor üres szakasz marad jobb oldalt.
Ennek a sornak a hozzá adása hozta meg a kívánt végeredményt:
div#2 {
position: absolute;
}
válasza:Ha a layout-ot akarod kialakítani, arra lehet találni számos gyönyörű megoldást pl itt:
Legenerálod, amilyet szeretnél, és letöltheted a kész drótvázat.
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, 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!