                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /CSS3
                        
                        /css3實(shí)現(xiàn)網(wǎng)頁(yè)平滑過(guò)渡效果

求解，為什么同樣的代碼，我的顯示有問(wèn)題？換瀏覽器也一樣。

<!DOCTYPE?html>
<html>
<head>
????<title>頁(yè)面平滑過(guò)渡</title>
????<meta?charset="utf-8">
????<meta?http-equiv="X-UA-Compatible"?content="IE-edge,Chorme=1">
????<meta?name="viewport"?content="width=device-width,initial-scale=1">
????<link?rel="stylesheet"?type="text/css"?href="css/normalize.css">
????<link?rel="stylesheet"?type="text/css"?href="css/style.css">
????<!--<script?type="text/javascript"?src="js/script.js"></script>-->
</head>
<body>
<!--Nav?start-->
<div?class="container">
????<div?class="st-container">
????<input?type="radio"?name="radio-set"?id="st-control-1">
????<a?href="#st-panel-1">第一個(gè)部分</a>
????<input?type="radio"?name="radio-set"?checked="checked"?id="st-control-2">
????<a?href="#st-panel-2">第二個(gè)部分</a>
????<input?type="radio"?name="radio-set"??id="st-control-3">
????<a?href="#st-panel-3">第三個(gè)部分</a>
????<input?type="radio"?name="radio-set"??id="st-control-4">
????<a?href="#st-panel-4">第四個(gè)部分</a>
????<input?type="radio"?name="radio-set"??id="st-control-5">
????<a?href="#st-panel-5">第五個(gè)部分</a>
????</div>
<!--Nav?end-->
<!--Content?begin-->
<div?class="st-scroll">
????<section?class="st-panel"?id="st-panel-1">????<!--section為H5新增的語(yǔ)義化標(biāo)簽，主要用于存放頁(yè)面的主要內(nèi)容-->
????<div?class="st-desc"?data-icon="H"></div>????<!--在H5內(nèi)添加自定義屬性的時(shí)候，一般使用data開(kāi)頭-->
????<h2>新風(fēng)系統(tǒng)</h2>
????<p>新風(fēng)系統(tǒng)內(nèi)容</p>
????</section>????
????<section?class="st-panel?st-color"?id="st-panel-2">
????<div?class="st-desc"?data-icon="2"></div>????
????<h2>排水系統(tǒng)</h2>
????<p>給排水系統(tǒng)內(nèi)容</p>
????</section>????
????<section?class="st-panel"?id="st-panel-3">
????<div?class="st-desc"?data-icon="B"></div>????
????<h2>送風(fēng)系統(tǒng)</h2>
????<p>送風(fēng)系統(tǒng)內(nèi)容</p>
????</section>
????<section?class="st-panel?st-color"?id="st-panel-4">
????<div?class="st-desc"?data-icon="X"></div>????
????<h2>排風(fēng)系統(tǒng)</h2>
????<p>排風(fēng)系統(tǒng)內(nèi)容</p>
????</section>
????<section?class="st-panel"?id="st-panel-5">
????<div?class="st-desc"?data-icon="C"></div>????
????<h2>空調(diào)系統(tǒng)</h2>
????<p>空調(diào)系統(tǒng)內(nèi)容</p>
????</section>
</div>
</div>
</body>
</html>

加<!DOCTYPE>之后，section的高度就變小了，明明審查元素內(nèi)顯示還是100%；