그 폭과 높이가 크기 세 DIV 요소와 백분율을 이용하여 함께 문제 container
두 내측 DIV 요소CSS는 : I는 외부 div 요소를
반면 firstDiv
및 secondDiv
이라고 불리는 secondDiv가 오른쪽으로 떠있게됩니다.
가능한 한 많은 너비를 취할 수있는 외부 div 요소를 원합니다 (사용 가능한 너비의 100 %를 의미 함).
두 개의 내부 요소가 절반 공간을 차지하고 싶습니다. 이는 container
div의 50 %를 의미합니다. 그러나 내가 가진, 내가했던 것처럼 보였다 몸의 요소를 둘러싸고 간단한 고체 경계를 기다리고 있었다 1
<html>
<head>
<style type="text/css">
#container{
width:100%;
height:100%;
border-style:solid;
}
</style>
</head>
<body>
<div id="container">
<div id="firstDiv"> </div>
<div id="secondDiv"> </div>
</div>
</body>
</html>
질문 : 여기
이에 대한 몇 가지 기본적인 코드 내 브라우저의 y 차원에있는 스크롤 바입니다. 왜 이런 일이 일어 났습니까? 나는 몸의 너비와 높이의 100 %를 원한다고 말했고, 그 이상으로 사용 된 브라우저처럼 보입니다. 그러나 높이가 100 % 이상이 될 것으로 보인다#firstDiv{
width:50%;
height:100%;
border-style:solid;
}
질문 2 사업부는 "컨테이너"사업부의 50 %를 소요 것처럼 보인다
지금 나는 다음과 같은 CSS 코드를 추가했다. 왜 이런 일이 일어 났습니까? 사진 :나는 두 번째 DIV에 대해 동일 할 다음과 같은 CSS 코드를 필요로 플로트 속성을 포함한다 : 나는 두 DIV 요소가 두 가지를 형성하고 싶어 3
#container{
width:100%;
height:100%;
border-style:solid;
}
#firstDiv{
width:50%;
height:100%;
border-style:solid;
float:left;
}
#secondDiv{
width:45%;
height:100%;
border-style:solid;
float:right;
}
질문 열 페이지. 그러나 두 번째 div 엘리먼트는 이전처럼 div보다 높이가 높습니다. 또한 브라우저 크기를 조정하면 두 번째 div가 첫 번째 div 아래로 이동합니다.
내가 그것을 어떻게 이런 일이 왜을 피할 수있다?
미리 감사드립니다.