오버플로우질문이요
율아
/* 전체를 감싸는부분 */
#wrap{width:900px;margin:0 auto;}
/* hearder부분 */
#header{width:100%;height:129px;position:relative;background:pink}
#header h1{position:absolute;left:0;top:40px}
#topmenu ul{position:absolute;right:5px;top:24px}
#topmenu ul li{float:left}
#gnb{position:relative;left:335px;top:64px;width:567px;height:65px;background:yellow;}
/*visual부분*/
#visual{width:100%}
#banner{float:left;width:570px;height:331px;background:blue}
#searchBg{float:right;width:276px;height:331px;background:purple}
/*content부분*/
#content{width:100%;height:145px;}
#myTab{float:left;width:295px;height:145px;background:red}
#gallery{float:left;width:255px;height:145px;background:green}
#movie{float:left;width:276px;height:145px;background:orange}
코텐츠부분에 마이탭이랑 갤러리랑 무비랑 각각의 아이디를 줘서 플로트 해서 레프트로 했는데요
높이값을 안주면 안나오고 높이값을 줬을때만나옵니다
콘텐츠 부분에 오버플로우:히든을 줬는데 그럼 마이탭이랑 갤러리랑 무비는 높이값을 가지게 되는거아닌가요? 무조건 높이값을줘야하는건가요?
그리고 밑에 같이 콘텐츠부분에 그림이 세개있을때는 플로트를 왼쪽 두개주고 오른쪽하나 주는게 낫나요
아님 왼쪽으로 다주고 정렬하는게 편한가요 보통쓰는 방법으로 갈켜주세요
-
혜윤
#visual에도 overflow:hidden 이 필요해 보이네요.
그리고 width:100%로 잡았을때 overflow:hidden을 주면 브라우저에 따라 float 해제가 되고 안되고 차이가 있던거 같은데 -_-a
전 그냥 편하게 :after 속성으로 해제하는 방법을 선호합니다.