CSS
: lør jul 20, 2019 10:08
hej
Jeg har lavet denne CSS kode, hvor jeg vil have de seks <div> til at ligge under hinanden to og to, men jeg kan ikke få dem til det. Kan det overhovedet lade sig gøre?
<style>
.container {
overflow:auto;
}
.sidebyside {
float:left;
width:100px;
height:100px;
border-style:solid;
margin:5px;
}
.belowdiv {
width:100px;
height:100px;
border-style:solid;
margin:5px;
}
</style>
<div class="container">
<div class="sidebyside">div0</div>
<div class="sidebyside">div1</div>
<div class="belowdiv">div2</div>
<div class="belowdiv">div3</div>
<div class="sidebyside">div4</div>
<div class="sidebyside">div5</div>
</div>
Mange hilsner
Søren
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.142 Safari/537.36
Jeg har lavet denne CSS kode, hvor jeg vil have de seks <div> til at ligge under hinanden to og to, men jeg kan ikke få dem til det. Kan det overhovedet lade sig gøre?
<style>
.container {
overflow:auto;
}
.sidebyside {
float:left;
width:100px;
height:100px;
border-style:solid;
margin:5px;
}
.belowdiv {
width:100px;
height:100px;
border-style:solid;
margin:5px;
}
</style>
<div class="container">
<div class="sidebyside">div0</div>
<div class="sidebyside">div1</div>
<div class="belowdiv">div2</div>
<div class="belowdiv">div3</div>
<div class="sidebyside">div4</div>
<div class="sidebyside">div5</div>
</div>
Mange hilsner
Søren
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.142 Safari/537.36