인접div, 하나는 다른 하나를 따라 높이에 적응한다
13453 단어 div
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
2 <html>
3 <head>
4 <title>new document</title>
5 <style type="text/css">
6 .wrap{
7 border:1px solid #006699; width:500px; overflow:hidden;
8 }
9 .wrap .left{
10 float:left; width:50%; background:#eee; padding-bottom:3000px; margin-bottom:-3000px;
11 }
12 .wrap .right{
13 float:right; width:50%; background:#f5f6fb; padding-bottom:3000px; margin-bottom:-3000px;
14 }
15 </style>
16 </head>
17 <body>
18 <div class="wrap">
19 <div class="left">
20 <p> </br></p><p> </br></p><p> </br></p><p> </br></p><p> </br></p><p> </br></p>
21 </div>
22 <div class="right">
23 sfds
24 <p> </br></p><p> </br></p><p> </br></p><p> </br></p><p> </br></p><p> </br></p>
25 <p> </br></p><p> </br></p><p> </br></p><p> </br></p><p> </br></p><p> </br></p>
26 </div>
27 </div>
28 </body>
29 </html>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
🧙🏼 HTML 구조를 나타내는 요소: 컨텐츠 분할 요소 : 블록 레벨 요소 : 플로우 콘텐츠를 위한 통용 컨테이너 (순수 컨테이너로서 아무것도 표현안함) : 인라인 컨테이너 : 인라인 레벨 요소 🌵 span (인라인 요소) vs div(블록 요소) ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.