Just nu i M3-nätverket
Gå till innehåll
mindsleep

clear:both

Rekommendera Poster

Jag har floatat 2 stycken divs

 

Sedan använt <div style="clear:both;"> </div>

Efter det använder jag en <div>Text</div>

 

Problemet är att det blir extra mellanrum ovan för <div>Text</div> Jag vill att den diven ska hamna precis under de floated lagren.

 

Hur fixar jag detta?

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

<div style="clear:both;"> </div>

Eftersom du har ett blankslag så det det ett mellanrum motsvarande en linjehöjd.

ta bort nbsp så fixar det sig säkert eller sätt stilen på stycket där texten finns

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

<div style="clear:both;"> </div>

Eftersom du har ett blankslag så det det ett mellanrum motsvarande en linjehöjd.

ta bort nbsp så fixar det sig säkert eller sätt stilen på stycket där texten finns

 

I Firefox fungerar det men inte IE och andra webbläsare.

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

en annan lösning är att inkapsla floatade element

 

<div style="overflow:hidden">
 <div sylte="float:left">text</div>
 <div sylte="float:right">text</div>
</div>

<div>Nästa stycke</div>

 

 

eller använda clearfix-metoden

<div class="clearfix">
 <div sylte="float:left">text</div>
 <div sylte="float:right">text</div>
</div>

<div>Nästa stycke</div>

<style>
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
</style>

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Skapa ett konto eller logga in för att kommentera

Du måste vara medlem för att kunna kommentera

Skapa ett konto

Skapa ett nytt konto på vårt forum. Det är lätt!

Registrera ett nytt konto

Logga in

Redan medlem? Logga in här.

Logga in nu



×
×
  • Skapa nytt...