                        課程
                    
                        /前端開發
                        
                            /CSS3
                        
                        /css3實現網頁平滑過渡效果

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

<!DOCTYPE?html>
<html>
<head>
????<title>頁面平滑過渡</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">第一個部分</a>
????<input?type="radio"?name="radio-set"?checked="checked"?id="st-control-2">
????<a?href="#st-panel-2">第二個部分</a>
????<input?type="radio"?name="radio-set"??id="st-control-3">
????<a?href="#st-panel-3">第三個部分</a>
????<input?type="radio"?name="radio-set"??id="st-control-4">
????<a?href="#st-panel-4">第四個部分</a>
????<input?type="radio"?name="radio-set"??id="st-control-5">
????<a?href="#st-panel-5">第五個部分</a>
????</div>
<!--Nav?end-->
<!--Content?begin-->
<div?class="st-scroll">
????<section?class="st-panel"?id="st-panel-1">????<!--section為H5新增的語義化標簽，主要用于存放頁面的主要內容-->
????<div?class="st-desc"?data-icon="H"></div>????<!--在H5內添加自定義屬性的時候，一般使用data開頭-->
????<h2>新風系統</h2>
????<p>新風系統內容</p>
????</section>????
????<section?class="st-panel?st-color"?id="st-panel-2">
????<div?class="st-desc"?data-icon="2"></div>????
????<h2>排水系統</h2>
????<p>給排水系統內容</p>
????</section>????
????<section?class="st-panel"?id="st-panel-3">
????<div?class="st-desc"?data-icon="B"></div>????
????<h2>送風系統</h2>
????<p>送風系統內容</p>
????</section>
????<section?class="st-panel?st-color"?id="st-panel-4">
????<div?class="st-desc"?data-icon="X"></div>????
????<h2>排風系統</h2>
????<p>排風系統內容</p>
????</section>
????<section?class="st-panel"?id="st-panel-5">
????<div?class="st-desc"?data-icon="C"></div>????
????<h2>空調系統</h2>
????<p>空調系統內容</p>
????</section>
</div>
</div>
</body>
</html>

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