브라우저 축소시 넘침 현상
민들레
2023.04.01
안녕하세요 질문드릴께있습니다.
200 픽셀의 div 영역에
95 픽셀의 박스 두개가 있는데(보더포함) 마진이 10이 들어가있는 구조입니다.
이게 브라우저를 축소해서 보면 아래로 넘어가버리는데 해결방법이 없을까요?
.cf:before,.cf:after { content: ; /* 1 */ display: table; /* 2 */}
.cf:after { clear: both;}/*** For IE 6/7 only* Include this rule to trigger hasLayout and contain floats.*/.cf { *zoom: 1;}
.wrap{width:200px;height:100px;}
.box{width:93px;height:96px;background:red;float:left;border:1px solid blue;div class=wrap cfdiv class=box/divdiv class=box style=margin-left:10px/div/div
-
희미한눈물
.wrap 에 min-width:200px을 넣어주면 될꺼 같네요..
-
클
box 스타일에 display:inline 속성주면 알아서 딱 맞게 붙을 것 같아요...