인용된 내용은 다음과 같습니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<머리>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>동일 높이(열 높이를 동일하게 하는 방법)</title>
<스타일 유형="텍스트/css">
몸{
패딩: 0;
여백: 0;
글꼴 크기: 12px;
글꼴 모음: Arial, Helvetica, sans-serif;
줄 높이: 140%;
배경:#E7DFD3;
}
#가운데{
너비: 580px;
부동:왼쪽;
배경:#FFFFFF;
텍스트 정렬:왼쪽;
} #머리글,#바닥글{
배경: #E8E8E8;
너비: 750px;
텍스트 정렬:가운데;
}
#왼쪽왼쪽{
너비: 580px;
플로트: 왼쪽;
위치:상대적;
여백-왼쪽:-580px;
}
#옆으로{
너비: 170px;
플로트: 오른쪽;
위치:상대적;
여백: 0 -170px 0 0;
배경: #F0F0F0;
} #보행인{
지우기:둘 다;
}
h1,h2,주소,p{
여백: 0;
패딩: .8em;
}
h1,h2{글꼴 크기: 20px;} </style>
<스크립트 유형="텍스트/자바스크립트">
// <![CDATA[ 함수 토글컨텐트(이름,n) {
var i,t='',el = document.getElementById(이름);
if (!el.origCont) el.origCont = el.innerHTML;
for (i=0;i<n;i++) t += el.origCont;
el.innerHTML = t;
} // ]]>
</script>
</head>
<본문> <div id="헤더">
<h1>머리</h1>
<div id="중간">
<div id="sideright">
<div id="sideleft">
<h2>좌측</h2>
<p><a href="javascript:toggleContent('sideleft',1)">기본 길이</a> <a href="javascript:toggleContent('sideleft',2)">더 긴 페이지< /a></p>
<p> 고정된 픽셀 기반 디자인 접근 방식에서 유연하고 상대적인 디자인 접근 방식으로 전환하는 것은 쉽지 않습니다. 하지만 올바르게 사용한다면 디자인을 희생하지 않고도 접근성과 사용 편의성을 높이는 자연스러운 선택이 될 수 있습니다. </p>
<p> 픽셀은 컴퓨터 화면에서 확장할 수 없는 지점이며,
h3은 단어 크기의 정사각형입니다. 글꼴 크기 변경으로 인해 h3
사용자가 선호하는 텍스트 크기를 나타내는 상대적 단위입니다. </p>
<p> 크기가 동일하게 유지되면 고려할 사항이 줄어들기 때문에 인쇄된 고정 디자인을 사용하는 것이 더 쉬울 수 있습니다. 그러나 유연한 설계 방식을 채택하면 컴퓨터의 <a href="http://product.yesky.com/catalog/345/" class="bluekey" target="_blank">모니터를 최대한 활용할 수 있습니다. </a> 및 브라우저. </p>
<p> 웹사이트가 특정 방식으로 표시되기를 원하지만 사용자가 보고 싶어하는 내용은 다를 수 있습니다. 사용자에게 강요하는 모든 것은 사용 편의성을 훼손하고 따라서 사이트의 성공에 해를 끼칩니다. </p>
<p> 고정된 픽셀 기반 디자인 접근 방식에서 유연하고 상대적인 디자인 접근 방식으로 전환하는 것은 쉽지 않습니다. 하지만 올바르게 사용한다면 디자인을 희생하지 않고도 접근성과 사용 편의성을 높이는 자연스러운 선택이 될 수 있습니다. </p>
</div>
<h2>옆으로</h2>
<p> 고정된 픽셀 기반 디자인 접근 방식에서 유연하고 상대적인 디자인 접근 방식으로 전환하는 것은 쉽지 않습니다. 하지만 올바르게 사용한다면 디자인을 희생하지 않고도 접근성과 사용 편의성을 높이는 자연스러운 선택이 될 수 있습니다. </p>
<p> 픽셀은 컴퓨터 화면에서 확장할 수 없는 지점이며,
h3은 단어 크기의 정사각형입니다. 글꼴 크기 변경으로 인해 h3
사용자가 선호하는 텍스트 크기를 나타내는 상대적 단위입니다. </p>
<p> 크기가 동일하게 유지되면 고려할 사항이 줄어들기 때문에 인쇄된 고정 디자인을 사용하는 것이 더 쉬울 수 있습니다. 그러나 유연한 디자인 접근 방식을 채택하면 컴퓨터의 모니터와 브라우저를 최대한 활용할 수 있습니다. </p>
<p> 웹사이트가 특정 방식으로 표시되기를 원하지만 사용자가 보고 싶어하는 내용은 다를 수 있습니다. 사용자에게 강요하는 모든 것은 사용 편의성을 훼손하고 따라서 사이트의 성공에 해를 끼칩니다. </p>
</div></div>
<div id="바닥글">
<주소>
보행인
</주소>
<p>제작: <a href="http://homepage.yesky.com">웹페이지 Tao Bar</a></p>
</div>
</body>
</html>
<스크립트 언어="자바스크립트">
var now = new Date();
document.write("<img src='http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer="+escape(document.referrer)+"&rand="+ now.getTime() + "&cur="+escape(document.URL)+"' border='0' alt='' 너비='0' height='0'>");
</script>
<스크립트>
<img src="http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer=noscriptcounter&cur=noscriptcounter" border='0' 너비='0' 높이='0'/>
</noscript> | 