제가 주로 사용하는 방법은
>
와 같은 Clear:both; 방법입니다. PlanABC에서 이와 같은 방법을 본 적이 있어서 그것을 메모해 두었습니다.
div.container {
테두리: 1px 단색
}
div.left {
너비:
float: 왼쪽; 🎜>}
div.right {
width: 45%;
float: right;
}
중첩 관계: 컨테이너 div에는 왼쪽과 맞습니다
부동소수점(빨간색 굵은 부분)을 지우는 가장 간단하고 합리적인 방법:
div.container {
border: 1px solid #000000
Overflow: Hidden; 🎜> 너비: 100%;
}
호환성: IE6 IE7 FF MacIE 등
출처 주소: http://www.quirksmode.org/css/clearing.html
PS: 그러나 사용 과정에서 작은 버그가 있는 것 같습니다. Taobao의 Xiaoma가 이를 발견했습니다. 구체적인 증상은 IE6 중간 계층이 플로팅 div를 지워서 일부 링크를 클릭할 수 없다는 것입니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
