gpt4 book ai didi

html - 将

标题移动到导航栏上方

转载 作者:行者123 更新时间:2023-11-28 16:36:26 26 4
gpt4 key购买 nike

在我的程序中,我决定为页面标题添加一个页眉。问题是新标题不会超出导航栏。然而,在某一时刻它奏效了;没有任何格式连接。现在我的文本格式几乎是正确的(颜色仍然是错误的),它的位置又被关闭了。

这是短代码:

http://jsfiddle.net/edqq8trg/

更多我的代码:

#screen {}

html {
margin: 0;
padding: 0;
width: 100%;
background-color: #DAE6F0;
}

body {
margin: 0;
padding: 0;
width: 100%;
}

#header {
margin-top: 100px;
margin-bottom: 45px;
}

#gradient {
height: 65px;
margin-bottom: 60px;
/* IE 10 */
background-image: -ms-linear-gradient(top, #81a8cb 0%, #1947D1 100%);

/* Firefox */
background-image: -moz-linear-gradient(top, #81a8cb, #1947D1);

/* Safari & Chrome */
background-image: -webkit-gradient(linear,left bottom,left top, color-stop(0, #1947D1),color-stop(1, #81a8cb));
box-shadow: inset 0 0 15px black;
}

h1.name{
font-family: Lato, 'Courier Bold', sanserif;
font-weight: bold;
font-variant: small-caps;
font-size: 60px;
margin-left: 30px;
float:left;
color: "#335CD6";
}

HTML:

<!DOCTYPE html>
<html>

<head>
<link rel = "stylesheet" href = "stylesheet.css" type = "text/css">
<link rel = "stylesheet" href = "formstylesheet.css" type = "text/css">
<meta http-equiv="X-UA-Compatible" content="IE=80" />
</head>

<div id = "screen">
<body>

<h1 class = "name"> Prog-Assist </h1>

<div id = "header">
<div id = "gradient">

..................... more code
</div>
</div> <!-- end header -->

</div> <!-- end screen-->
</body>
</html>

最佳答案

只是删除

float:left;

现在在你的 Fiddle 中工作得很好

关于html - 将 <h1> 标题移动到导航栏上方,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27787078/

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