테스트 사이트 - 개발 중인 베타 버전입니다

div 크기가 제대로 안잡혀요 채택완료

리리치요 11년 전 조회 8,896
</span>
<span style="background-color: rgb(255, 255, 255)"><div style="text-align: left"><span style="font-size: small; line-height: 1.5"><style type="text/css"></span></div>
<div style="text-align: left"><span class="selector" style="font-size: small; line-height: 1.5; box-sizing: border-box"><span class="selector-matches" style="box-sizing: border-box">#wrap</span></span><span style="font-size: small; line-height: 1.5; box-sizing: border-box"> {</span></div></span><blockquote style="margin: 0px 0px 0px 40px; border: none; padding: 0px"><div style="text-align: left"><span class="webkit-css-property" title="min-width: 1024px;" style="font-size: small; line-height: normal; box-sizing: border-box; margin-left: -38px">min-width</span><span style="font-size: small; line-height: normal">:</span><span style="font-size: small; line-height: normal"> </span><span class="expand-element" style="font-size: small; line-height: normal; box-sizing: border-box"></span><span class="value" style="font-size: small; line-height: normal; box-sizing: border-box">1024px</span><span style="font-size: small; line-height: normal">;</span></div><span style="background-color: rgb(255, 255, 255)">
<div style="text-align: left"><span class="webkit-css-property" title="position: relative;" style="font-size: small; line-height: normal; box-sizing: border-box; margin-left: -38px">position</span><span style="font-size: small; line-height: normal">:</span><span style="font-size: small; line-height: normal"> </span><span class="expand-element" style="font-size: small; line-height: normal; box-sizing: border-box"></span><span class="value" style="font-size: small; line-height: normal; box-sizing: border-box">relative</span><span style="font-size: small; line-height: normal">;</span></div><span class="webkit-css-property" title="clear: both;" style="font-size: small; line-height: normal; box-sizing: border-box; margin-left: -38px">
<div style="text-align: left"><span class="webkit-css-property" title="clear: both;" style="box-sizing: border-box; margin-left: -38px">clear</span>: <span class="expand-element" style="box-sizing: border-box"></span><span class="value" style="box-sizing: border-box">both</span>;</div></span><span class="webkit-css-property" title="margin: auto;" style="font-size: small; line-height: normal; box-sizing: border-box; margin-left: -38px">
<div style="text-align: left"><span class="webkit-css-property" title="margin: auto;" style="box-sizing: border-box; margin-left: -38px">margin</span>: <span class="expand-element" style="box-sizing: border-box; -webkit-user-select: none"></span><span class="value" style="box-sizing: border-box">auto</span>;</div></span><span style="font-size: small; line-height: normal">
<div style="text-align: left"><span class="webkit-css-property" title="background-color: #FFFFFF;" style="box-sizing: border-box; margin-left: -38px">background-color</span>:<span style="white-space: nowrap"> </span><span class="value" style="box-sizing: border-box"><nobr style="box-sizing: border-box"><span style="box-sizing: border-box">#FFFFFF</span></nobr></span>;</div></span><span class="webkit-css-property" title="border-right:1px solid #cdcdcd;" style="font-size: small; line-height: normal; box-sizing: border-box; margin-left: -38px">
<div style="text-align: left"><span class="webkit-css-property" title="border-right:1px solid #cdcdcd;" style="box-sizing: border-box; margin-left: -38px">border-right</span>: <span class="value" style="box-sizing: border-box">1px solid </span><span class="value" style="box-sizing: border-box"><nobr style="box-sizing: border-box"><span style="box-sizing: border-box">#cdcdcd</span></nobr></span>;</div></span><span class="webkit-css-property" title="zoom: 1;" style="font-size: small; box-sizing: border-box; margin-left: -38px">
<div style="line-height: normal; text-align: left"><span class="webkit-css-property" title="zoom: 1;" style="box-sizing: border-box; margin-left: -38px">zoom</span>: <span class="expand-element" style="box-sizing: border-box"></span><span class="value" style="box-sizing: border-box">1</span>;</div></span></span></blockquote><span style="line-height: 1.5; font-size: small">}</span>
<span class="selector" style="font-size: small; line-height: 1.5; box-sizing: border-box"><span class="selector-matches" style="box-sizing: border-box">#wrap .wrap</span></span><span style="font-size: small; line-height: 1.5; box-sizing: border-box"> {</span>
<blockquote style="margin: 0px 0px 0px 40px; border: none; padding: 0px"><span style="background-color: rgb(255, 255, 255)"><span class="webkit-css-property" title="width: 1024px;" style="font-size: small; line-height: normal; box-sizing: border-box; margin-left: -38px"><div style="text-align: left"><span class="webkit-css-property" title="width: 1024px;" style="box-sizing: border-box; margin-left: -38px">width</span>: <span class="expand-element" style="box-sizing: border-box"></span><span class="value" style="box-sizing: border-box">1024px</span>;</div></span><span class="webkit-css-property" title="position: relative;" style="font-size: small; line-height: normal; box-sizing: border-box; margin-left: -38px"><div style="text-align: left"><span class="webkit-css-property" title="position: relative;" style="box-sizing: border-box; margin-left: -38px">position</span>: <span class="expand-element" style="box-sizing: border-box"></span><span class="value" style="box-sizing: border-box">relative</span>;</div></span><span class="webkit-css-property" title="margin: 0 auto;" style="font-size: small; line-height: normal; box-sizing: border-box; margin-left: -38px"><div style="text-align: left"><span class="webkit-css-property" title="margin: 0 auto;" style="box-sizing: border-box; margin-left: -38px">margin</span>: <span class="expand-element" style="box-sizing: border-box; -webkit-user-select: none"></span><span class="value" style="box-sizing: border-box">0 auto</span>;</div></span><span class="webkit-css-property" title="zoom: 1;" style="font-size: small; line-height: normal; box-sizing: border-box; margin-left: -38px"><div style="text-align: left"><span class="webkit-css-property" title="zoom: 1;" style="box-sizing: border-box; margin-left: -38px">zoom</span>: <span class="expand-element" style="box-sizing: border-box"></span><span class="value" style="box-sizing: border-box">1</span>;</div></span></span></blockquote><span style="line-height: 1.5; font-size: small">}</span>
<span style="font-size: small; line-height: 1.5">#</span><span class="selector" style="font-size: small; line-height: 1.5; box-sizing: border-box"><span class="selector-matches" style="box-sizing: border-box">aside</span></span><span style="font-size: small; line-height: 1.5; box-sizing: border-box"> {</span>
<blockquote style="margin: 0px 0px 0px 40px; border: none; padding: 0px"><span style="background-color: rgb(255, 255, 255)"><span class="webkit-css-property" title="z-index: 2;" style="font-size: small; line-height: normal; box-sizing: border-box; margin-left: -38px"><div style="text-align: left"><span class="webkit-css-property" title="z-index: 2;" style="box-sizing: border-box; margin-left: -38px">z-index</span>: <span class="expand-element" style="box-sizing: border-box"></span><span class="value" style="box-sizing: border-box">2</span>;</div></span><span class="webkit-css-property" title="width: 220px;" style="font-size: small; line-height: normal; box-sizing: border-box; margin-left: -38px"><div style="text-align: left"><span class="webkit-css-property" title="width: 220px;" style="box-sizing: border-box; margin-left: -38px">width</span>: <span class="expand-element" style="box-sizing: border-box"></span><span class="value" style="box-sizing: border-box">220px</span>;</div></span><span class="webkit-css-property" title="position: relative;" style="font-size: small; line-height: normal; box-sizing: border-box; margin-left: -38px"><div style="text-align: left"><span class="webkit-css-property" title="position: relative;" style="box-sizing: border-box; margin-left: -38px">position</span>: <span class="expand-element" style="box-sizing: border-box"></span><span class="value" style="box-sizing: border-box">relative</span>;</div></span><span class="webkit-css-property" title="float: right;" style="font-size: small; line-height: normal; box-sizing: border-box; margin-left: -38px"><div style="text-align: left"><span class="webkit-css-property" title="float: right;" style="box-sizing: border-box; margin-left: -38px">float</span>: <span class="expand-element" style="box-sizing: border-box"></span><span class="value" style="box-sizing: border-box">right</span>;</div></span><span class="webkit-css-property" title="top: 5px;" style="font-size: small; line-height: normal; box-sizing: border-box; margin-left: -38px"><div style="text-align: left"><span class="webkit-css-property" title="top: 5px;" style="box-sizing: border-box; margin-left: -38px">top</span>: <span class="expand-element" style="box-sizing: border-box"></span><span class="value" style="box-sizing: border-box">5px</span>;</div></span><span class="webkit-css-property" title="background: #ccc;" style="font-size: small; line-height: 1.5; box-sizing: border-box; margin-left: -38px"><div style="text-align: left"><span class="webkit-css-property" title="background: #ccc;" style="line-height: 1.5; box-sizing: border-box; margin-left: -38px">background</span><span style="line-height: 1.5">:</span><span style="line-height: 1.5"> </span><span class="value" style="line-height: 1.5; box-sizing: border-box"><nobr style="box-sizing: border-box"><span style="box-sizing: border-box">#ccc</span></nobr></span><span style="line-height: 1.5">;</span></div></span></span></blockquote><span style="line-height: 1.5; font-size: small">}</span>
<span class="selector" style="font-size: small; line-height: 1.5; box-sizing: border-box"><span class="selector-matches" style="box-sizing: border-box">#container</span></span><span style="font-size: small; line-height: 1.5; box-sizing: border-box"> {</span>
<blockquote style="margin: 0px 0px 0px 40px; border: none; padding: 0px"><span style="background-color: rgb(255, 255, 255)"><span class="webkit-css-property" title="width: 799px;" style="font-size: small; line-height: 1.5; box-sizing: border-box; margin-left: -38px"><div style="text-align: left"><span class="webkit-css-property" title="width: 799px;" style="line-height: 1.5; box-sizing: border-box; margin-left: -38px">width</span><span style="line-height: 1.5">:</span><span style="line-height: 1.5"> </span><span class="expand-element" style="line-height: 1.5; box-sizing: border-box"></span><span class="value" style="line-height: 1.5; box-sizing: border-box">799px</span><span style="line-height: 1.5">;</span></div></span><span class="webkit-css-property" title="min-height: 500px;" style="font-size: small; line-height: 1.5; box-sizing: border-box; margin-left: -38px"><div style="text-align: left"><span class="webkit-css-property" title="min-height: 500px;" style="line-height: 1.5; box-sizing: border-box; margin-left: -38px">min-height</span><span style="line-height: 1.5">:</span><span style="line-height: 1.5"> </span><span class="expand-element" style="line-height: 1.5; box-sizing: border-box"></span><span class="value" style="line-height: 1.5; box-sizing: border-box">500px</span><span style="line-height: 1.5">;</span></div></span><span class="webkit-css-property" title="position: relative;" style="font-size: small; line-height: 1.5; box-sizing: border-box; margin-left: -38px"><div style="text-align: left"><span class="webkit-css-property" title="position: relative;" style="line-height: 1.5; box-sizing: border-box; margin-left: -38px">position</span><span style="line-height: 1.5">:</span><span style="line-height: 1.5"> </span><span class="expand-element" style="line-height: 1.5; box-sizing: border-box"></span><span class="value" style="line-height: 1.5; box-sizing: border-box">relative</span><span style="line-height: 1.5">;</span></div></span><span class="webkit-css-property" title="float: right;" style="font-size: small; line-height: 1.5; box-sizing: border-box; margin-left: -38px"><div style="text-align: left"><span class="webkit-css-property" title="float: right;" style="line-height: 1.5; box-sizing: border-box; margin-left: -38px">float</span><span style="line-height: 1.5">: </span><span class="expand-element" style="line-height: 1.5; box-sizing: border-box"></span><span class="value" style="line-height: 1.5; box-sizing: border-box">left</span><span style="line-height: 1.5">;</span></div></span><span class="webkit-css-property" title="margin: 5px 0 0 0;" style="font-size: small; line-height: 1.5; box-sizing: border-box; margin-left: -38px"><div style="text-align: left"><span class="webkit-css-property" title="margin: 5px 0 0 0;" style="line-height: 1.5; box-sizing: border-box; margin-left: -38px">margin</span><span style="line-height: 1.5">:</span><span style="line-height: 1.5"> </span><span class="expand-element" style="line-height: 1.5; box-sizing: border-box; -webkit-user-select: none"></span><span class="value" style="line-height: 1.5; box-sizing: border-box">5px 0 0 0</span><span style="line-height: 1.5">;</span></div></span></span></blockquote><span style="line-height: 1.5; font-size: small">}</span>
<span style="line-height: 1.5; font-size: small"></style></span>
<span style="line-height: 1.5; font-size: small"><div id="wrap"></span>
<span class="Apple-tab-span" style="font-size: small; line-height: 1.5; white-space: pre">	</span><span style="font-size: small; line-height: 1.5; white-space: pre"><div class="wrap"></span>
<span class="Apple-tab-span" style="font-size: small; line-height: 1.5; white-space: pre">		</span><span style="font-size: small; line-height: 1.5; white-space: pre"><div id="aside"></span>
<span class="Apple-tab-span" style="font-size: small; line-height: 1.5; white-space: pre">			</span><span style="font-size: small; line-height: 1.5; white-space: pre">내용</span>
<span class="Apple-tab-span" style="font-size: small; line-height: 1.5; white-space: pre">		</span><span style="font-size: small; line-height: 1.5; white-space: pre"></div></span>
<span class="Apple-tab-span" style="font-size: small; line-height: 1.5; white-space: pre">		</span><span style="font-size: small; line-height: 1.5"><div id="container"></span>
<span class="Apple-tab-span" style="font-size: small; line-height: 1.5; white-space: pre">			</span><span style="font-size: small; line-height: 1.5">내용</span>
<span class="Apple-tab-span" style="font-size: small; line-height: 1.5; white-space: pre">		</span><span style="font-size: small; line-height: 1.5; white-space: pre"></div></span>
<span class="Apple-tab-span" style="font-size: small; line-height: 1.5; white-space: pre">	</span><span style="font-size: small; line-height: 1.5; white-space: pre"></div></span>
<div><span style="font-size: small; line-height: 1.5"></div</span><span style="font-size: small; line-height: 1.5">></span></div>
<div><span style="font-size: small; line-height: 1.5">
에서 <div id="wrap">, <div class="wrap">의 크기가 제데로 안나와요 높이가 0으로 나와요

</span></font></div>
<div><span class="selector" style="font-size: small; line-height: 1.5; box-sizing: border-box">#container</span><span style="font-size: small; line-height: 1.5; box-sizing: border-box"> {</span>
<blockquote style="margin: 0px 0px 0px 40px; border: none; padding: 0px"><span class="webkit-css-property" title="width: 799px;" style="font-size: small; line-height: 1.5; box-sizing: border-box; margin-left: -38px"><span class="webkit-css-property" title="width: 799px;" style="line-height: 1.5; box-sizing: border-box; margin-left: -38px">width</span><span style="line-height: 1.5">:</span><span style="line-height: 1.5"> </span><span class="expand-element" style="line-height: 1.5; box-sizing: border-box"></span><span class="value" style="line-height: 1.5; box-sizing: border-box">799px</span><span style="line-height: 1.5">;</span></span><span class="webkit-css-property" title="min-height: 500px;" style="font-size: small; line-height: 1.5; box-sizing: border-box; margin-left: -38px"><span class="webkit-css-property" title="min-height: 500px;" style="line-height: 1.5; box-sizing: border-box; margin-left: -38px">min-height</span><span style="line-height: 1.5">:</span><span style="line-height: 1.5"> </span><span class="expand-element" style="line-height: 1.5; box-sizing: border-box"></span><span class="value" style="line-height: 1.5; box-sizing: border-box">500px</span><span style="line-height: 1.5">;</span></span><span class="webkit-css-property" title="position: relative;" style="font-size: small; line-height: 1.5; box-sizing: border-box; margin-left: -38px"><span class="webkit-css-property" title="position: relative;" style="line-height: 1.5; box-sizing: border-box; margin-left: -38px">position</span><span style="line-height: 1.5">:</span><span style="line-height: 1.5"> </span><span class="expand-element" style="line-height: 1.5; box-sizing: border-box"></span><span class="value" style="line-height: 1.5; box-sizing: border-box">relative</span><span style="line-height: 1.5">;</span></span><span class="webkit-css-property" title="float: right;" style="font-size: small; line-height: 1.5; box-sizing: border-box; margin-left: -38px"><span class="webkit-css-property" title="float: right;" style="line-height: 1.5; box-sizing: border-box; margin-left: -38px">float</span><span style="line-height: 1.5">: </span><span class="expand-element" style="line-height: 1.5; box-sizing: border-box"></span><span class="value" style="line-height: 1.5; box-sizing: border-box">left</span><span style="line-height: 1.5">;</span></span><span class="webkit-css-property" title="margin: 5px 0 0 0;" style="font-size: small; line-height: 1.5; box-sizing: border-box; margin-left: -38px"><span class="webkit-css-property" title="margin: 5px 0 0 0;" style="line-height: 1.5; box-sizing: border-box; margin-left: -38px">margin</span><span style="line-height: 1.5">:</span><span style="line-height: 1.5"> </span><span class="expand-element" style="line-height: 1.5; box-sizing: border-box; -webkit-user-select: none"></span><span class="value" style="line-height: 1.5; box-sizing: border-box">5px 0 0 0</span><span style="line-height: 1.5">;</span></span></blockquote><font size="2">
에서

</span></div>
<div><span class="selector" style="font-size: small; line-height: 1.5; box-sizing: border-box">#container</span><span style="font-size: small; line-height: 1.5; box-sizing: border-box"> {</span>
<blockquote style="margin: 0px 0px 0px 40px; border: none; padding: 0px"><span class="webkit-css-property" title="width: 799px;" style="font-size: small; line-height: 1.5; box-sizing: border-box; margin-left: -38px"><span class="webkit-css-property" title="width: 799px;" style="line-height: 1.5; box-sizing: border-box; margin-left: -38px">width</span><span style="line-height: 1.5">:</span><span style="line-height: 1.5"> </span><span class="expand-element" style="line-height: 1.5; box-sizing: border-box"></span><span class="value" style="line-height: 1.5; box-sizing: border-box">799px</span><span style="line-height: 1.5">;</span></span><span class="webkit-css-property" title="min-height: 500px;" style="font-size: small; line-height: 1.5; box-sizing: border-box; margin-left: -38px"><span class="webkit-css-property" title="min-height: 500px;" style="line-height: 1.5; box-sizing: border-box; margin-left: -38px">min-height</span><span style="line-height: 1.5">:</span><span style="line-height: 1.5"> </span><span class="expand-element" style="line-height: 1.5; box-sizing: border-box"></span><span class="value" style="line-height: 1.5; box-sizing: border-box">500px</span><span style="line-height: 1.5">;</span></span><span class="webkit-css-property" title="position: relative;" style="font-size: small; line-height: 1.5; box-sizing: border-box; margin-left: -38px"><span class="webkit-css-property" title="position: relative;" style="line-height: 1.5; box-sizing: border-box; margin-left: -38px">position</span><span style="line-height: 1.5">:</span><span style="line-height: 1.5"> </span><span class="expand-element" style="line-height: 1.5; box-sizing: border-box"></span><span class="value" style="line-height: 1.5; box-sizing: border-box">relative</span><span style="line-height: 1.5">;</span></span><span class="webkit-css-property" title="float: right;" style="font-size: small; line-height: 1.5; box-sizing: border-box; margin-left: -38px"><span class="webkit-css-property" title="margin: 5px 0 0 0;" style="line-height: 1.5; box-sizing: border-box; margin-left: -38px">margin</span><span style="line-height: 1.5">:</span><span style="line-height: 1.5"> </span><span class="expand-element" style="line-height: 1.5; box-sizing: border-box; -webkit-user-select: none"></span><span class="value" style="line-height: 1.5; box-sizing: border-box">5px 0 0 0</span><span style="line-height: 1.5">;</span></span></blockquote><span style="font-size: small; line-height: 1.5">}</span></div>
<div><span style="font-size: small; line-height: 1.5">
이렇게 float: left; 를 빼주면 또 정상적으로 나오더라구요 어떻게 해야 하나요.. 미치겟어요 
그렇다고 않 넣으면 또 다른게 꺠지고...으아...
댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
11년 전
.wrap {overflow: hidden;} 
로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

리리치요
11년 전
여러번 감사합니다~
리리치요
11년 전
여러번 감사합니다~

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인