학습 표준 - 메모_경험 교환

몇 가지 사항을 요약했습니다.
1. 객체에 float가 있으면 width는 기본적으로 사용되지 않습니다.
2. 때로는 div의 쓰기 순서에 대한 요구 사항이 있습니다.
마지막으로 IE를 이해합니다. 왜 이렇게 짜증나

3개 열의 예, 중간 열은 적응형입니다
여기서 문제가 있습니다. 즉, 3개 열 사이에 아래에는 존재하지 않는 작은 간격이 있게 된다는 것입니다. FF이므로 지속적인 효과를 형성하려면 메인에서 배경을 정의하면 됩니다.

<meta http-equiv="Content-Type" content="text/html;charset=gb2312"> <style type="text/css"> <!-- #left { float:left; width:200px; height:200px; background:orange; } #middle { height:200px; background:#eee; } #right { float:right; width:200px; height:200px; background:black; } --> </style> <div id="main"> <div id="left"></div> <div id="right"></div> <div id="middle"></div> </div>