App下載
實(shí)例代碼( Tip: 登錄后體驗(yàn)更佳 )
<!DOCTYPE html>
<html>
<head>
    <title>W3.CSS(w3cschool.cn)</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" charset="UTF-8">
    <link rel="stylesheet" href="https://7npmedia.w3cschool.cn/w3.css">
</head>
<body>
<div class="w3-bottom">
    <div class="w3-bar w3-red">
        <a href="#" class="w3-bar-item w3-button">主页</a>
        <a href="#" class="w3-bar-item w3-button">链接 1</a>
        <a href="#" class="w3-bar-item w3-button">链接 2</a>
        <a href="#" class="w3-bar-item w3-button">链接 3</a>
    </div>
</div>
<div class="w3-container">
    <h2>固定顶部导航</h2>
    <h3>w3-top类强制导航栏停留在页面顶部，即使用户滚动页面也是如此。</h3>
    <h3>滚动此页面以查看效果...</h3>
    <p>一些文本以启用滚动。</p>
    <p>一些文本一些文本一些文本一些文本..</p>
    <p>一些文本一些文本一些文本一些文本..</p>
    <p>一些文本一些文本一些文本一些文本..</p>
    <p>一些文本一些文本一些文本一些文本..</p>
    <p>一些文本一些文本一些文本一些文本..</p>
    <p>一些文本一些文本一些文本一些文本..</p>
    <p>一些文本一些文本一些文本一些文本..</p>
    <p>一些文本一些文本一些文本一些文本..</p>
    <p>一些文本一些文本一些文本一些文本..</p>
    <p>一些文本一些文本一些文本一些文本..</p>
    <p>一些文本一些文本一些文本一些文本..</p>
    <p>一些文本一些文本一些文本一些文本..</p>
    <p>一些文本一些文本一些文本一些文本..</p>
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
運(yùn)行結(jié)果