Overflow CSS tulajdonság 0
Overflow CSS tulajdonság határozza meg a megjelenítését az állapotnak, amikor a tartalom nagyobb az őt tartalmazó doboznál, alapértelmezetten visible, lehet még hidden, scroll, és auto, elég egyértelmű szóval : w3c – megfelelő oldala
. Amit viszont érdemes tudni róla, ill. össze tudtam szedni :
szokásos példafájl -on túl, a következő :
- overflow azokra méretezett block elemekre van hatással, amik rendelkeznek width és/vagy height tulajdonsággal konkrétan vagy százalékkal megadva
- ie6 overflow:visible tulajdonságot hibássan kezeli, kiterjeszti a tartalom doboz dimenzióit, ergo átfedés nem jön létre, ie7 már megfelelően kezeli
- CSS3 két új tulajdonságot vezetett be : overflow-x és overflow-y-t , hatása megegyezik az overflow-val kivéve, hogy a horizontális-vertikális scrollbar megjelenítését függetlenül tudjuk vele állítani, Opera9 kivételével támogatott a főbb böngészőkben
Valamint overflow-al megoldható a következő probléma
<style type="text/css">
.wrapper{
background-color:red;
overflow:hidden;
margin-bottom:20px;
}
.wrapper div {
float:left;
width:100px;
height:100px;
margin-right:50px;
background-color:green;
}
</style>
<!--[if IE]>
<style>
</style>
<![endif]-->
</head>
<body>
<div class="wrapper">
<div>első</div>
<div>második</div>
</div>
<div class="wrapper">
<div>első</div>
<div>második</div>
<br style="clear:both" />
</div>
</body>
</html>
az-az a konténer magasságának tartalmazó float-olt elemekhez állítása:
http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/
http://annevankesteren.nl/2005/03/clearing-floats
http://www.456bereastreet.com/archive/200502/simple_clearing_of_floats/
akinek egyéb ismeret birtokában áll róla kéretik kommentálni
, következik a visibilty
Hajrá CSS




iratkozz fel a komment RSS-re
Még nem született komment ehhez a bejegyzéshez