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개
답변을 작성하려면 로그인이 필요합니다.
로그인