Page 1 of 1
부모 fieldset내 자식 포지셔닝 버그?
Posted: 2010 11 18 17:54 09
by fooleaf
Code: Select all
<html>
<head>
<style type="text/css">
.parent { position:relative; width: 300px; height:300px; background: green; top:0; left:0;padding:60px; margin:0; border:0;}
.child { position:absolute; width: 200px; height:200px; background: purple; top:0; left:0;padding:40px;}
</style>
</head>
<body>
<div class="parent">
<div class="child">
</div>
</div>
<fieldset class="parent">
<div class="child">
</div>
</fieldset>
</body>
</html>
똑같은 클래스를 적용했는데 부모가 fieldset인 경우에는 position:absolute요소 조차 padding이 끝나는 위치에서 시작되고, div에서는 padding을 무시한 위치에서 시작되는 이유가 뭔가요?
Re: 부모 fieldset내 자식 포지셔닝 버그?
Posted: 2010 11 18 18:14 42
by .
Re: 부모 fieldset내 자식 포지셔닝 버그?
Posted: 2010 11 18 18:22 24
by fooleaf
감사합니다. 제대로 렌더링되게 해결할 방법은 없는건가요?
Re: 부모 fieldset내 자식 포지셔닝 버그?
Posted: 2010 11 19 09:21 58
by .
원하시는 결과가 무엇인지는 알 수 없지만,
Code: Select all
<fieldset style="margin:0;padding:0;border:0">
<div class="parent">
<div class="child">
</div>
</div>
</fieldset>
처럼 스타일을 무력화시킨 fieldset 내에 div를 하나 더 만들어 parent로 지정하면 같은 결과가 나오지 않을까요?