css flex로 레이아웃 6:4비율을 잡으려는데 flex-grow: 6; flex-grow: 4; 이렇게 했을때는 잘 나오는데... div안에 컨텐츠가 길어지면 100% 100%로 바꿔 버리는 현상이 있어서요.. 고정시킬방법을 못찾고있습니다.. 부탁드립낟 ㅠㅠ 채택완료
그누보드초보이용자
2년 전
조회 2,076
css flex로 레이아웃 6:4비율을 잡으려는데 flex-grow: 6; flex-grow: 4;
이렇게 했을때는 잘 나오는데... div안에 컨텐츠가 길어지면 100% 100%로 바꿔 버리는 현상이 있어서요..
고정시킬방법을 못찾고있습니다.. 부탁드립낟 ㅠㅠ
댓글을 작성하려면 로그인이 필요합니다.
답변 4개
채택된 답변
+20 포인트
2년 전
</p>
<pre>
<code><div style="display: flex;flex-wrap: wrap;">
<div style="flex: 1 1 60%; max-width:60%;">
left
</div>
<div style="flex: 1 1 40%; max-width:40%;">
right
</div>
</div></code></pre>
<p>
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
2년 전
div안에 컨텐츠가 길어지면 100% 100%로 바꿔 버리는...
==
고정 하게 되면
컨텐츠는 어떻게 되어야 하는지
원하시는 방향이 필요합니다.
그냥 자를지
세로로 길게 되어야 하는지...
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
2년 전
이렇게 해보세요
</p>
<p><div style="display: flex;flex-wrap: wrap;">
<div style="flex: 0 0 auto;width: 60%;">
left
</div>
<div style="flex: 0 0 auto;width: 40%; ">
right
</div>
</div></p>
<p>
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인