Hej alla glada,
jag har letat och letat svar på denna fråga utan att hitta något vettigt... någon som vet hur man får svävande div element inuti ett föräldraelement att få samma höjd som föräldraelementet? Jag är ute efter en ren CSS lösning.
Obligatoriska koden:
PHP-kod:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#container {width:1010px; margin:0 auto; position:relative; background:#ccc; color:#fff;}
#left {width:350px; float:left; background:#222;}
#right {width:560px; float:right; background:#888;}
#clear {clear:both;}
</style>
</head>
<html>
<div id="container">
<div id="right">Right part</div>
<div id="left">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tristique, velit nec mollis gravida, nunc tellus cursus metus, eget aliquet mauris urna vel risus. Aenean blandit felis sit amet nisi posuere eu aliquet felis eleifend. Vestibulum ut dolor mauris, non iaculis risus. Aliquam volutpat tempus mauris, ac sodales leo ullamcorper non. Sed mollis adipiscing mauris, eu suscipit turpis dignissim non. Pellentesque semper gravida nulla in fringilla. Pellentesque a purus id enim commodo porttitor eu eget turpis. Nulla quis libero mauris. Mauris gravida placerat tortor, at elementum sapien vestibulum vel. Nunc imperdiet dictum ante. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse condimentum ultrices justo, varius pretium diam facilisis congue. Cras pretium posuere tortor. Duis molestie eros luctus sem posuere et iaculis ipsum feugiat. Praesent pharetra, libero ut sollicitudin auctor, orci mauris ultricies neque, vestibulum porttitor tellus eros in risus.</div>
<div id="clear"></div>
</div>
</html>
Vad jag vill är att få #right att ha samma höjd som #left (eller tvärtom) utan att använda mig av fast höjd (innehållet är dynamiskt).
2010-06-07, 22:47
Svara med citat
Matcha <div> höjd (float)
Trådad visning