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

display 속성이 table-cell이면 calc함수 안먹나요? 채택완료

헐크매니아 8년 전 조회 2,162
저는 table-cell 속성이면 100% 넓이를 줘도 당연히 양옆의 셀을 감안해서 넓이가 
늘어나겠거니 했는데 그냥 다 덮어버리더군요.
해서 calc도 해보니까 안먹던데 어떻게 해야될까요?
nav부분입니다.
</span>
</div><div>#header {</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>display: table;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>height: 100px;</div><div>}</div><div>#logo {</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>width: 250px;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>background-color: #578fff;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>display: table-cell;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>vertical-align: top;</div><div>}</div><div>#nav {</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>width: calc(100%-450px);</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>background-color: #F9F;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>display: table-cell;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>vertical-align: top;</div><div>}</div><div>#login {</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>width: 200px;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>background-color: orange;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>display: table-cell;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>vertical-align: top;</div><div>}</div><div>
댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
s
sinbi Expert
8년 전

너비 : 가로 폭

 

넓이 : 면적

로그인 후 평가할 수 있습니다

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

아 해결됬습니다.

자문자답이 됬는데

header에 넓이 100%주고

nav에 아무값도 안넣으면 됩니다.

로그인 후 평가할 수 있습니다

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

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

로그인