내 HTML 페이지에서 컨테이너 div 안에 두 div가 있습니다. 두 개의 내부 div에는 '위치 : aboslute'가 있습니다. 그들은 컨테이너 div의 왼쪽 하단 모서리에 배치해야한다.절대 divs가 서로 옆에
이것은 컨테이너 div에 하나의 내부 div 만있는 경우에 효과적입니다. 하지만 두 번째 div를 추가하면 두 번째 div가 첫 번째 내부 div의 꼭대기에 배치됩니다. 어느 것이 당연한가. 그러나 지금 나는 그들을 서로 겹치게하는 대신 서로의 옆에있게하는 방법을 찾으려고 노력하고있다.
내부 div가 생성됩니다. 그래서 나는 그들에게 ID를 수동으로 추가 할 수 없다. 그들이 가지고있는 것은 하나의 클래스 이름입니다.
Example :
<div id="container">
<div class="icon">ICON1</div>
<div class="icon">ICON2</div>
</div>
#container {
position: relative;
width: 200px;
height: 200px;
border: 1px solid red;
}
.icon {
position: absolute;
bottom: 0;
left: 0;
border: 1px solid green;
}
사람은 어떻게이 문제를 해결하는 어떤 생각을 가지고?
당신은 그것들을 상대 위치로 만들 수 있기 때문에 부모 (컨테이너) 요소에 상대적인 레이아웃을 유지하게됩니다. – jeschafe
'div'요소와 반대로 'li'에 각 ICON을 배치하는 것은 어떻습니까? 스타일리스트 항목은 매우 유연하고 간단합니다! – Liggy
그냥 첫 번째 자식/마지막 자식을 사용하여 내 대답을 참조하십시오 – Huangism