Archívum - Nov 5, 2019
Pozicionálás probléma (Számított szélesség)
Sziasztok
Lenne egy olyan problémám, hogy egymás mellet van két div-em egy 100% széleségre állított divben, az egyik fix szelességű, a másik viszont dinamikusan kellene kitöltse a maradék helyet. Ehelyett, a második, vagy leugrik egy sorral (ha %-osan alítom), Vagy csak a szöveg széleségében tölti ki a fennmaradó helyet az alábbi kóddal:
■ Lenne egy olyan problémám, hogy egymás mellet van két div-em egy 100% széleségre állított divben, az egyik fix szelességű, a másik viszont dinamikusan kellene kitöltse a maradék helyet. Ehelyett, a második, vagy leugrik egy sorral (ha %-osan alítom), Vagy csak a szöveg széleségében tölti ki a fennmaradó helyet az alábbi kóddal:
<style>
#Box {border: 1px solid rgba(22,57,0,0.8);
widht: 100%;
height:52px;
}
.Elso {
position:relative;
top: 0px;
float: left;
width:50px;
height: 50px;
background-color:#CC0000;
}
.Masodik {
position:relative;
top: 0px;
float: left;
width: auto;
height: 50px;
background-color:#CCff00;
}
</style>
<div id="Box">
<div class="Elso">
ez
</div>
<div class="Masodik">
az
</div>
<div style="clear: both;">
</div>
#Box {border: 1px solid rgba(22,57,0,0.8);
widht: 100%;
height:52px;
}
.Elso {
position:relative;
top: 0px;
float: left;
width:50px;
height: 50px;
background-color:#CC0000;
}
.Masodik {
position:relative;
top: 0px;
float: left;
width: auto;
height: 50px;
background-color:#CCff00;
}
</style>
<div id="Box">
<div class="Elso">
ez
</div>
<div class="Masodik">
az
</div>
<div style="clear: both;">
</div>
