---
# System prepended metadata

title: Untitled

---

<html>
<head>
    <meta charset="utf-8">
    <title>非測試文件</title>
    <style>
        html,body,div,ul{
            margin:0;
            padding: 0;
        }
        #menu{
            position: fixed;
            background:blue;
            width:100%;
            height:100px;
            top:0;
            z-index: 1;
        }
        #menu li{
            float: left;
            line-height: 100px;
            margin-left: 20px;
            list-style-type: none;
            font-size: 40px;
        }
        #div1{
            box-sizing:border-box;
            text-align:justify;
            float: left;
            background:yellow;
            padding-top: 100px;
            left: 0px;
            width: 55%;
            height: 700px;
        }
        #div2{
            position: relative;
            background: #333666;
            box-sizing:border-box;
            float: right;
            padding-top: 100px;
            left: 0px;
            width: 45%;
            height: 1000px;
            font-size: 30px;
            color: #fff;
        }
        #div3{
            clear:both;
            position: relative;
            background: red;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100px;
        }
        #box{
            width:45%;
            height:30%;
            background: black;
            margin: 100px -10px -90px 20px;
            float: left;
        }
        .box500{
            height: 500px;
            background: red;
            width:500px;
        }
    </style>
</head>
<body>
    <button onclick="hint()">yeah</button>
    <script language="javascript">
        function hint(){
            var q = prompt('998553',"")
            if (q!= null && q != "") {
                alert("您回答的是\t" + q+"\t")
            }else{
                alert("您沒輸入")
            }
        }
    </script>
    <ul id = "menu">
        <li>Menu1</li>
        <li>Menu2</li>
        <li>Menu3</li>
    </ul>
    <div id = "div1" class="box500">
        <div id = "box">
        </div>
        <div id = "box">
        </div>
        <div id = "box">
        </div>
        <div id = "box">
        </div>
    </div>   
    <div id = "div2" class="box500">
        <p>Prompt方塊輸入</p>
        <input type="button" value="點我" onclick="hint()" id="btn">
        <br>
        <p>padapadpada~!</p>
    </div>   
    <div id = "div3" class="box500"> 
    </div>
</body>
</html>