div영역안 li 높이 꽉채우는 방법있나요?

Question

첫번째 사진을 두번째처럼 만들어주고싶은데 어떻게해야하나요?두번째 사진도 저 조금 남은 간격이 사라지질 않아요... 막 만져서 일단 저렇게까지 나왓는데 방법이 있을까요 ㅠㅠ참조할만한 곳이라도 있었으면 좋겠습니다

asdfjljf · Answer

테이블형식으로만들어보시지그러셨어여

chro · Answer

&#64;웹개발자 화이팅 css를 너무 난장판으로 짜놔서그런지 모르겠는데딱맞게 했는데 그거도 안맞더라구요ㅠㅠ 답변감사합니다

웹개발자 화이팅 · Answer

소스 복붙해서 댓글에 남겨주세욤 사진말구요

웹개발자 화이팅 · Answer

앞전에 댓글은 제가 글쓴이분 말을못이해했네요.10분정도 남아서 복붙하시면 바로댓드릴게요.

chro · Answer

차량번호

변속기

연료

연식

주행거리

사고여부추가항목

보유상태

판매시기

.view_used{ height: 300px; width: 100%; } .view_pho{ width:40%; height: 100%; float:left; border: 1px solid #000000; background-color: hsl(180, 31%, 94%); } .view_con{ width:60%; height: 100%; float:right; border: 1px solid #000000; } .view_con ul { position:relative; list-style:none; } .view_con ul li { line-height: 37.25px; /*li 세로 간격*/ padding-left: 20px; } .view_con ul li:first-child { /* border-top: 2px solid #6a6a6a; */ /* border-bottom: 2px solid #6a6a6a; */ /* padding-left: 150px; */ } .view_con ul li:last-child { border-bottom: 1px solid #000; } .view_con ul li:nth-child(2n) { background: #94D8F6; border-radius: 20px; } .view_con ul li span { display: inline-block; float: right; width: 60%; text-align: left; } 그누보드 사용중이라 저거만 따로 사용한다고 될지 모르겠네요..

chro · Answer

&#64;Dev.kerberos 조금 후회한달까..요?

howoni123 · Answer

display : flex 와flex-grow:1 활용하시면 될거같은데요.

웹개발자 화이팅 · Answer

저랑 레이아웃이 전혀 다르게보이는군요.... 내일 낮까지 답없으면 댓드리겠습니다.

릴보너 · Answer

이런식으로 하신 이유가 있으신가요 ?

chro · Answer

&#64;howoni123한번 써보겠습니다. &#64;웹개발자 화이팅연습서버에 페이지가 있긴한데 필요하시면 좌표 알려드리겠습니다. &#64;릴보너아니요 구글링하다가 막 따라했더니 저런 모양이 나왓네요,, 애초에 잘못 만들었을까요?

릴보너 · Answer

.view_con ul li:last-child { border-bottom: 1px solid #000; } .view_con ul li:nth-child(2n) { background: #94D8F6; border-radius: 20px; }CSS에선 이렇게 써잇는데 저런식으로 쓰셔서 혹시 그누보드? 때문에 그런건지 궁금해서 물어봣습니다. 제가 그누보드는 사용을 안해봐서..아마 보통은?

이렇게 쓰는 걸로 알고 있어서 물어봤습니다.

chro · Answer

&#64;릴보너 아! 저것도 한번 확인해보겠습니다.

킁킁탐정 · Answer

대략적으로 고쳐보면 다음과 같습니다. 참조 학습 하시면 도움이 되실겁니다.https://codesandbox.io/s/jolly-thunder-zrbix?file&#61;/index.html

chro · Answer

&#64;킁킁탐정 감사합니다!

div영역안 li 높이 꽉채우는 방법있나요?

14개의 답변

#li 목록