악. 왜 div가 한줄에 정렬이 안될까요??;;;;사진,코드첨부
김자영
이상하게 .logo파랑색랑 .notice(노랑색)에 float을 주면 wrap(빨강색)으로 감싸고 있는게 사라져 버립니다.그래서 예전에 어느분께서 가상선택자 만드는방법을 알려주셔서 했는데 그때는 됬는데
이번에는 header에 height값을 억지로 주지않는한 안되네요
;;;
첫번째사진이 감싸지지 않는거구요 두번째 사진처럼 되야되는게 정상인데 저건 세로값을 억지로 준거예요~-----------------------------------html
body
div id=header_wrap
div id=header
div class=logo/div
div class=notice
/div
/div
/div
/body
---------------------------------css
#header_wrap {
width: 100%;
margin: 0;
background:#F00;
}
#header {
float: none;
width: 980px;
margin: 0 auto;
*zoom:1;
}
#header:after {
content: ;
display: block;
clear: both;
}
.logo {
float: left;
width: 476px;
margin: 50px 0 0 55px;
background:#00F;
height: 70px;
}
.notice {
float: left;
width: 288px;
margin: 78px 0 0 0;
height: 42px;
background:#FF0;
}
-
반월
와우!!됬어여!!!!!완전 감사드려요!!!!!!!!!!!!!!!
-
아키
float쓰고 해제를 안해서 그런거같네요. 빨간색 박스에 overflow:hidden 추가해주시면 해결될겁니다.~