gpt4 book ai didi

css - HTML5 页面上没有显示按钮

转载 作者:太空宇宙 更新时间:2023-11-04 10:03:52 25 4
gpt4 key购买 nike

我有这些按钮。但是他们不想在页面上显示。我没有任何应该与按钮可见性冲突的 CSS。对不起,如果这是一个愚蠢的问题,我的 CSS 有点生疏。

HTML: 

<!doctype html>
<html>
<head>
<title>Hello, World!</title>
<!--references-->
<link rel="stylesheet" type="text/css" href="styles/index.css" />
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.4.min.js"></script>
</head>
<body>
<div id="wrapper">
<div id = "box">
<h1 id="head">hello, world!</h1>
<div id = "btn-panel">
<button class="btn" id="btn1">panel1</button>
<button class="btn" id="btn2">panel2</button>
<button class="btn" id="btn3">panel3</button>
<button class="btn" id="btn4">panel4</button>
</div><!--button-panel-->
</div> <!--Box-->
</div> <!--wrapper-->
</body>
<script src="js/Index.js" type="text/javaScript"></script>
</html>

CSS:

    body {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 300;
}

#wrapper {
width: 100%;
height: 100%;
}

#box {
background-color: #EEE;
Width: 100%;
Height: 250px;
margin-left: auto;
margin-right: auto;
Text-align: center;
}

#head {
padding-top: 25px;
font-size: 20pt;
}
#btn-panel {
width: 1000%;
height: 100px;
margin-top: 50px;
}

.btn {
width: 100px;
height: 25px;
border-radius: 5px;
}

如有任何帮助,我们将不胜感激。谢谢。

最佳答案

这是你的问题

#btn-panel {
width: 1000%; /* <- Should be 100, not 1000 */
height: 100px;
margin-top: 50px;
}

关于css - HTML5 页面上没有显示按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38164220/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com