왼쪽 (navi) div가 항상 오른쪽 (콘텐츠) div의 100 %를 얻을 수 있습니까?
.wrapper
클래스 에서 높이를 변경하면 .navi
div가 그들을 따르지만 백분율로 필요합니다.
나는 오직 display: table-cell;
그리고display: table-row;
이것은 flex ( 여기에서 브라우저 지원 ) 라는 기능을 사용하여 수행 할 수 있습니다.
.wrapper {
width: 300px;
display: flex;
}
.navi {
background: green;
float: left;
width: 100px;
}
.content {
background: yellow;
float: left;
width: 200px;
}
<div class="wrapper">
<div class="navi">
<ul>
<li><a href="#">Link</a>
</li>
</ul>
</div>
<div class="content">
<!-- DYNAMIC CONTENT e.g. JOOMLA BLOG -->
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</div>
</div>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다