메인 DIV에 하나의 배경 이미지를 사용하는 방법, 두 개의 div, 왼쪽에 1 개, 오른쪽에 하나는 하나 있습니다.

Question

레이아웃이 다음과 같은 HTML, CSS 페이지를 만들고 싶습니다.
u003Cdiv id="content">
u003Cdiv id="left">
.....
u003C/div>
u003Cdiv id="right">
.....
u003C/div>
u003C/div>
내용 DIV에는 y 방향으로 반복 해야하는 배경 이미지가 있습니다. 또한 왼쪽과 오른쪽 div는 동일한 배경 이미지에 나란히 있어야합니다. 나는 그것을 달성 할 수 있지만 내용의 높이를 고정 시켜서 컨텐츠의 높이를 고정시키고 싶지는 않습니다. 저를 도와주세요. 미리 감사합니다 :)

Answer 1

코드를 보지 않고 ... 내 추측은 당신이 왼쪽과 오른쪽 div를 떠 다니는 것입니다 ...하지만 콘텐츠 div를 떠 다니지 않습니다 ...

귀하의 CSS는 이와 유사하게 보일 수 있어야합니다.

#content {
    float:left;
    background-image:url('whatever.png');
    background-repeat:repeat-y;
}

#left {
    float:left;
}

#right {
    float:left;
}

Answer 2

나는 그것을 달성 할 수 있지만 내용의 높이를 고정 시켜서 컨텐츠의 높이를 고정시키고 싶지는 않습니다.

y 방향으로 배경 이미지를 반복 할 수 있다면 #content Div는 배경이 남은 공간을 채울 것입니다. 맞습니까?

콘텐츠 div가 자녀의 높이로 확장되지 않으면 분명히 #content 페이지의 정상 흐름을 벗어나야하며,이 경우 float 그것은 컨테이너 div의 높이를 설정하지 않습니다.

Answer 3

당신이 무엇을하려고하는지 이해하기는 매우 어렵지만 나는 생각한다 당신이하고 싶은 것은 추가입니다 overflow: auto 콘텐츠 DIV에 왼쪽 및 오른쪽 DIV와 동일한 높이가됩니다.

#content {
  overflow: auto;
  background: [bg code]
}
#left, #right {
  float: left;
}