CSS float clearing help

새로운 웹 사이트를 개발 중이며 분명해야 할 것이없는 것 같습니다. 나는 그 안에 왼쪽 및 오른쪽 열이있는 가운데 래퍼 div가 있습니다. 오른쪽 열은 세 개의 "기본"div (#mainTop #main #mainBottom)로 구성되며 모두 오른쪽으로 배치됩니다. 왼쪽 열은 작은 왼쪽 사이드 바 div (#sidebar)입니다.CSS float clearing help

테스트 사이트 : http://puresas.ebridgesites.com/을 보면 왼쪽 사이드 바가 오른쪽 플로팅 된 div를 지우고있는 것을 볼 수 있는데 그 이유를 알 수 없습니다.

출처

2011-02-25 Ben

메인 콘텐츠 위로 사이드 바 콘텐츠를 옮길 필요가없는 사람이 있습니까? CSS에서 그것은 잘 작동해야 할 것 같지만 분명히하지 않습니다. 나는 그것이 왜 없는지 찾고 있습니다. – Ben

#sideBar을 HTML에서 #mainTop으로 이동하여 수정할 수 있습니다.

Live Demo
(<base href="http://puresas.ebridgesites.com/" />에 대한 귀하의 자산이로드되는 감사)

출처

2011-02-25 16:11:26 thirtydot

나는 그것이 내가 가지고있는 방식대로 작동하지 않는 이유를 정말로 알고 싶었습니다. 그러나 그것에 대해 더 생각해 보았습니다. 왼쪽 열을 오른쪽 위에 두는 것이 더 합리적 일 것이라고 생각합니다. 왜냐하면 그것이 내 주

요소가있는 곳이기 때문입니다. 로고와 메인 네비게이션. 감사. – Ben

는 <div id="mainTop"></div>와 <div id="main"></div> 사이에 사이드 바 퍼 팅보십시오. 그래서 아래처럼 보일 것입니다

<div id="wrap"> 
    <div id="mainTop"></div> 
    <div id="sidebar"></div> 
    <div id="main"></div> 
    <div id="mainBottom"></div> 
</div>

출처

2011-02-25 16:14:42 Chin

CSS float clearing help

답변

관련 문제