Html 继承div大小的链接_Html_Css

Html 继承div大小的链接

html css

Html 继承div大小的链接,html,css,Html,Css,我正在编写一个基本的网站框架（如果有人需要知道的话，我对HTML非常熟练，但在divs方面有困难，我目前正在学习CSS），出现了一个问题，网站徽标上指向谷歌的链接以及“Contact”和“News”等链接继承了整个固定横幅的大小，名为thing。（这个横幅在代码片段中看起来有点奇怪，因为它是固定的，是为桌面设计的。）我的代码：：：-moz选择{ 颜色：#ffffff；背景：#00ffaa； } ：：选择{ 颜色：#ffffff；背景：#00ffaa； } a:链接{ 文字装饰：无；颜

我正在编写一个基本的网站框架（如果有人需要知道的话，我对HTML非常熟练，但在

div

s方面有困难，我目前正在学习CSS），出现了一个问题，网站徽标上指向谷歌的链接以及“Contact”和“News”等链接继承了整个固定横幅的大小，名为

thing

。（这个横幅在代码片段中看起来有点奇怪，因为它是固定的，是为桌面设计的。）

我的代码：

：：-moz选择{
颜色：#ffffff；
背景：#00ffaa；
}
：：选择{
颜色：#ffffff；
背景：#00ffaa；
}
a:链接{
文字装饰：无；
颜色：#00ffaa；
}
a:参观了{
文字装饰：无；
颜色：#00D486；
}
a:悬停{
文字装饰：无；
颜色：#ADFFE2；
}
a:主动的{
文字装饰：无；
颜色：#00ffaa
}
.事情{
背景：#141414；
位置：固定；
左-2%；
顶部：-10px；
z指数：100；
宽度：200%；
身高：10%；
}
.标题{
颜色：#AAAAA；
位置：相对位置；
左：200px；
顶部：-15px；
字体大小：300%；
}
.标题：悬停{
过渡：.2s；
颜色：#dbdb；
位置：相对位置；
左：200px；
顶部：-15px；
字体大小：300%
}
#链接1{
位置：相对位置；
左：600px；
顶部：-85px；
}
#链接2{
位置：相对位置；
顶部：-37像素；
左：150px；
}
#链接3{
位置：相对位置；
顶部：-37像素；
左：150px；
}
#链接4{
位置：相对位置；
顶部：-37像素；
左：150px；
}
#链接5{
位置：相对位置；
顶部：-37像素；
左：150px；
}
#集装箱{
位置：相对位置；
背景色：#191919；
身高：200%；
宽度：65%；
}


标题

试试这个

HTML

你想完成什么？啊，非常感谢！我以前不知道导航列表，因此此信息将非常有用：）

<body background="http://i.imgur.com/6PQ1Mtl.png">
    <center>
        <div id="bodycontainer">
        </div>
    </center>

    <div class="thing"> <font face="Franklin Gothic Demi">
        <a class="Header" href="">Header</a>

        <ul class="navigation">
            <li><a href="https://google.com">News</a></li>
            <li><a href="https://google.com">Art</a></li>
            <li><a href="https://google.com">Comics</a></li>
            <li><a href="https://google.com">About</a></li>
            <li><a href="https://google.com">Contact</a></li>
        </ul>
    </div>
</body>

:-moz-selection {
color: #ffffff;
background: #00ffaa;
}
::selection {
color: #ffffff;
background: #00ffaa;
}
a:link {
text-decoration: none;
color: #00ffaa;
}
a:visited {
text-decoration: none;
color: #00D486;
}
a:hover {
text-decoration: none;
color: #ADFFE2;
}
a:active {
text-decoration: none;
color: #00ffaa
}
.thing {
background: #141414;
position: fixed;
z-index: 100;
width: 100%;
}
a.Header {
color: #aaaaaa;
float:left;
display: inline-block;
vertical-align: middle;
font-size: 30px;
margin-right: 15px;
}

.Header:hover {
color: #dbdbdb;
transition: all 0.3s ease-in;
}

#bodycontainer {
position: relative;
background-color: #191919;
height: 200%;
width: 65%;
}

.navigation {
float: right;
display: inline-block;
vertical-align: middle;
}

.navigation li {
display: inline-block;
padding: 15px;
}

ul {
margin-bottom: 0;
}

.navigation li a {
color: #00ffaa;
}

.navigation li a:hover {
color: #adffe2;
transition: all 0.3s ease-in;
}