자주 사용하는div+css 3열 레이아웃 구조와 스타일 (1)
4677 단어 div+css
구조:
1 <div id="nav"> </div>
2 <div id="sidebar"> </div>
3 <div id="main"> </div>
스타일:
1 #nav{ float:left; margin-right:10px; overflow:hidden; width:15%; background:blue; height:200px;}
2 #sidebar{ float:right; margin-left:10px; width:20%; overflow:hidden; background:yellow; height:200px;}
3 #main{ overflow:hidden; background:red; height:200px;}
부동을 이용하여 왼쪽 층을 왼쪽으로 부동시키고 오른쪽 층을 오른쪽으로 부동시킨 다음에 중간 층이 자동으로 중간으로 간다. 이런 삼열 구조의 구조는 좌우 가운데만 있을 수 있고 그렇지 않으면 배치가 어지러워서 원하는 결과를 얻지 못한다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
자주 사용하는div+css 3열 레이아웃 구조와 스타일 (1)3열 레이아웃은 흔히 볼 수 있는데 보통 좌우 2열의 너비가 고정된 다음에 중간 내용이 스스로 적응한다. 구조: 스타일: 부동을 이용하여 왼쪽 층을 왼쪽으로 부동시키고 오른쪽 층을 오른쪽으로 부동시킨 다음에 중간 층...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.