스크립트를 사용하여 행 3개와 열 3개로 구성된 div의 높이 적응 설정을 제어하는 방법은 실제로 그렇게 번거로울 필요는 없습니다. 상위 div에 대해 10px와 같은 고정 높이를 설정하면 됩니다. 높이 적응을 달성하려면 하위 div의 높이를 100%로 설정하세요. 믿을 수 없다면 코드:
<head>
<style>을
참조하세요.
몸 {
글꼴 모음: arial, helvetica, sans-serif;
색상: 검정색;
여백: 5px;
배경:#ffc url(d:/8767a.gif) 반복-y;
패딩: 0;
글꼴:12px;
문자간격:1px;
텍스트 정렬:가운데;
글꼴:120%;
}
울
{
목록 스타일 유형:사각형;
목록 스타일 이미지:url(d:/8767a.gif);
목록 스타일 위치:내부;
}
리
{
테두리:1px 녹색 고체;
테두리 너비:0px 0px 1px 0px;
커서:잠깐;
}
.인라인
{
표시:블록;
}
.div
{
패딩탑:-40px;
}
.maxfont
{
글꼴 크기:180%;
}
#헤더
{
배경:회색;
여백:2px 0px;
너비:790px;
}
#왼쪽
{
배경:#ffeef0;
부동:왼쪽;
너비:195px;
높이:100%;
}
#가운데
{
배경:#ffaae0;
부동:왼쪽;
너비:390px;
여백:0px 5px;
높이:100%;
}
#오른쪽
{
배경:#ffaaaa;
부동:왼쪽;
너비:195px;
너비:-10px;
높이:100%;
}
#보행인
{
배경:#ffaa11;
지우기:둘 다;
너비:790px;
여백:1px 0px;
}
#왼쪽,#가운데,#오른쪽
{
텍스트 정렬:왼쪽;
텍스트 들여쓰기:24px;
}
#콘텐츠
{
여백:0px 자동;
너비:790px;
높이:400px;
}
</style>
</head>
<본문>
<div 스타일="표시:없음">
오늘 오후
<ul 클래스="인라인">
<리>
<p class="div">일반 모드</p>
<p class="maxfont">ssss</p>
<p>아아아</p>
<bfff>
</li>
<li>Dream City XHTML 튜토리얼.</li>
<li>드림 시티 CSS 튜토리얼.</li>
<li>드림 시티 JAVASCRIPT 튜토리얼.</li>
</ul>
</div>
<div style="display:none">
사상자
<ul>
<li>v gma a a</li>
<li>ddddkdkd</li>
</ul>
</div>
<div id="헤더">
<h1>스크립트는 적응형 높이 DIV 레이아웃의 3개 행과 3개 열을 제어합니다.</h1>
</div>
<div id="content">
<div id="left">접근성은 시각 장애인이나 스크린 리더만의 문제가 아닙니다. 시각 장애인은 아니지만 시각
장애가 있는 사람들도 많이 있습니다. 나이가 들면서 당신과 나도 그들 중 하나가 될 것입니다. 웹사이트를 보다 사용자 친화적으로 만드는 가장 간단한 방법 중 하나는 사용자가
텍스트 크기를 변경할 수 있도록 허용하는 것입니다. 이러한 옵션 제공을 거부하면 사용자가 제어할 수 없게 되어 편안하게 읽을 수 없게 됩니다.
접근성은 시각 장애인이나 화면 판독기에 관한 것이 아닙니다.
시각 장애인은 아니지만 시각 장애가 있는 사람들도 많이 있습니다. 여러분과 저는나이가 들면서
그들 중 한 사람이 될 것입니다
.웹사이트를 보다 사용자 친화적으로 만드는 가장 간단한 방법 중 하나는 사용자가 텍스트 크기를 변경할 수 있도록 허용하는 것입니다.
이러한 옵션 제공을 거부하면 사용자가 제어할 수 없게 되어 편안하게 읽을 수 없게 됩니다.
</div>
<div id="middle">접근성은 시각 장애인이나 스크린 리더만의 문제가 아닙니다. 시각 장애인은 아니지만
시각
장애가 있는 사람들도 많이 있습니다 . 나이가 들면서 당신과 나도 그들 중 하나가 될 것입니다.웹사이트를 보다 사용자 친화적으로 만드는 가장 간단한 방법 중 하나는 사용자가 텍스트 크기를
변경할 수
있도록 허용하는 것입니다 . 이러한 옵션 제공을 거부하면 사용자가 제어할 수 없게 되어 편안하게 읽을 수 없게 됩니다.디자이너가 텍스트 크기를 픽셀 단위로 지정하면 Internet Explorer는 다른 브라우저와 다르게 텍스트 크기를
변경하므로
대부분의 사용자는 텍스트 크기를 조정할 수 없습니다 .Mozilla와 Opera는 픽셀 크기로 설정된 텍스트의 크기를 조절할 수 있지만
Windows의 IE는 그렇지 않습니다.
접근성은 시각 장애인이나 화면 판독기에 관한 것이 아닙니다.
시각 장애인은 아니지만 시각 장애가 있는 사람들도 많이 있습니다. 여러분과 저는나이가 들면서
그들 중 한 사람이 될 것입니다
.웹사이트를 보다 사용자 친화적으로 만드는 가장 간단한 방법 중 하나는 사용자가 텍스트 크기를 변경할 수 있도록 허용하는 것입니다.
이러한 옵션 제공을 거부하면 사용자가 제어할 수 없게 되어 편안하게 읽을 수 없게 됩니다.
디자이너가 텍스트 크기를 픽셀 단위로 지정하면 Internet Explorer는 다른 브라우저와 다르게 텍스트 크기를
변경하므로
대부분의 사용자는 텍스트 크기를 조정할 수 없습니다 .Mozilla와 Opera는 픽셀 단위로 크기가 조정된 텍스트의 크기를 조정할 수 있지만
Windows의 IE에서는 그렇지 않습니다. 디자이너가 픽셀을 사용하여 텍스트 크기를 지정하는 경우 Internet Explorer는 다른 브라우저와 마찬가지로 텍스트 크기를
변경하기
때문에 대부분의 사용자는 텍스트 크기를 조정할 수 없습니다 .다르다. Mozilla와 Opera는 픽셀 크기로 설정된 텍스트의 크기를 조절할 수 있지만
Windows의 IE는 그렇지 않습니다.
접근성은 시각 장애인이나 화면 판독기에 관한 것이 아닙니다.
시각 장애인은 아니지만 시각 장애가 있는 사람들도 많이 있습니다. 여러분과 저는나이가 들면서
그들 중 한 사람이 될 것입니다
.웹사이트를 보다 사용자 친화적으로 만드는 가장 간단한 방법 중 하나는 사용자가 텍스트 크기를 변경할 수 있도록 허용하는 것입니다.
이러한 옵션 제공을 거부하면 사용자가 제어할 수 없게 되어 편안하게 읽을 수 없게 됩니다.
디자이너가 텍스트 크기를 픽셀 단위로 지정하면 Internet Explorer는 다른 브라우저와 다르게 텍스트 크기를
변경하므로
대부분의 사용자는 텍스트 크기를 조정할 수 없습니다 .Mozilla와 Opera는 픽셀 단위로 크기가 조정된 텍스트의 크기를 조정할 수 있지만
Windows의 IE에서는 그렇지 않습니다. 디자이너가 픽셀을 사용하여 텍스트 크기를 지정하는 경우 Internet Explorer는 다른 브라우저와 마찬가지로 텍스트 크기를
변경하기
때문에 대부분의 사용자는 텍스트 크기를 조정할 수 없습니다 .다르다. Mozilla와 Opera는 픽셀 크기로 설정된 텍스트의 크기를 조절할 수 있지만
Windows의 IE는 그렇지 않습니다.
접근성은 시각 장애인이나 화면 판독기에 관한 것이 아닙니다.
시각 장애인은 아니지만 시각 장애가 있는 사람들도 많이 있습니다. 여러분과 저는나이가 들면서
그들 중 한 사람이 될 것입니다
.웹사이트를 보다 사용자 친화적으로 만드는 가장 간단한 방법 중 하나는 사용자가 텍스트 크기를 변경할 수 있도록 허용하는 것입니다.
이러한 옵션 제공을 거부하면 사용자가 제어할 수 없게 되어 편안하게 읽을 수 없게 됩니다.
디자이너가 텍스트 크기를 픽셀 단위로 지정하면 Internet Explorer는 다른 브라우저와 다르게 텍스트 크기를
변경하므로
대부분의 사용자는 텍스트 크기를 조정할 수 없습니다 .Mozilla와 Opera는 픽셀 크기로 설정된 텍스트의 크기를 조절할 수 있지만
Windows의 IE는 그렇지 않습니다.
</div>
<div id="right">접근성은 시각 장애인이나 스크린 리더만의 문제가 아닙니다. 시각 장애인은 아니지만
시각
장애가 있는 사람들도 많이 있습니다 . 나이가 들면서 당신과 나도 그들 중 하나가 될 것입니다.웹사이트를 보다 사용자 친화적으로 만드는 가장 간단한 방법 중 하나는 사용자가 텍스트 크기를
변경할 수
있도록 허용하는 것입니다 . 이러한 옵션 제공을 거부하면 사용자가 제어할 수 없게 되어 편안하게 읽을 수 없게 됩니다.</div>
</div>
</div>
<div id="footer"> 환영합니다: www.devdao.com</div >
</body>