1
HTML 코드절대 위치 확률값
<body>
<div id="container">
<div id="left">
<h2>rerererere</h2>
</div>
<div id="right">
<h2>sdadsad</h2>
</div>
</div>
</body>
CSS 파일
div#container {
position: relative;
border: 1px solid #000;
}
#left {
position: absolute;
width: 480px;
height: 480px;
border: 1px solid #0092ef;
/* blue*/
}
#right {
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
width: 250px;
border: 1px solid #783201;
/* brown*/
}
아무 문제가없는 절대 이상으로 난 단지 바로 DIV를 사용합니다. 하지만 왼쪽 및 오른쪽 div 모두에서 절대를 사용할 때. 오른쪽 div는 줄만큼 작아집니다. 나는 CSS를 처음 사용합니다. 그래서 이것은 멍청한 질문일지도 모릅니다. 왜 상대 div 아래에 절대 div 두 개를 넣으면 작동하지 않습니까? 제발 도와주세요. 당신이 당신의 CSS에 대한 고정 높이를 선언하지 않았기 때문에, 그게 다야 붕괴 <div>
나는 높이 = 480 픽셀이 컨테이너의 경계를 나누기를 사용하는 경우. 오른쪽과 왼쪽 div가 컨테이너 내부에 남아 있다는 것을 알고 있기 때문에 컨테이너의 상대 레이아웃과 왼쪽과 오른쪽의 절대 레이아웃을 사용합니다. 아무 것도 없니? 당신이 "정상"과 "오른쪽"설정을 가지고 있기 때문에 올바른 상자 컨테이너 넘어 확장처럼 –
@Diptopol 댐은 ... 음, 그것은 보인다. 관련된 모든 요소의 크기를 고려하고 필요한만큼 조정하십시오. 절대 위치 지정 대신에 부동 소수점을 사용하여 얻은 결과를 얻을 수도 있습니다. 그러면 붕괴 문제가 제거됩니다. – Tom