Mozilla Firefox 사용에 대한 일반적인 질문과 답을 해 주는 게시판입니다. 질문을 하기 전에 FAQ를 읽어 보시는게 도움이 될 것입니다.
-
fooleaf
Post
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을 무시한 위치에서 시작되는 이유가 뭔가요?
-
.
Post
by . »
-
fooleaf
Post
by fooleaf »
감사합니다. 제대로 렌더링되게 해결할 방법은 없는건가요?
-
.
Post
by . »
원하시는 결과가 무엇인지는 알 수 없지만,
Code: Select all
<fieldset style="margin:0;padding:0;border:0">
<div class="parent">
<div class="child">
</div>
</div>
</fieldset>
처럼 스타일을 무력화시킨 fieldset 내에 div를 하나 더 만들어 parent로 지정하면 같은 결과가 나오지 않을까요?
Users browsing this forum: Ahrefs [Bot] and 1 guest