文章/答案/技术大牛

发布

问DIV元空间问题
EN

Stack Overflow用户

提问于 2013-10-29 22:47:03

回答 4查看 63关注 0票数 0

这是我第一次学习HTML和CSS (4天前开始)。我只是为了好玩才做了个试验场，却遇到了一个问题。有一个元素阻止一些文本进入我想要的地方。我知道它是导航条，因为它解决了我删除它时的问题，但我不想删除它。怎么修呢？对不起，我不是说英语的人。NOTE=THIS只是一个试验场。我知道这些照片是有版权的。10.jpg代码：

    <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>Hem - Tupac Shakur Fansida</title>
    <link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
</body>
<div class=wrapper>
!-----------------------------------! NAVIGATION
<div id="navmenudiv">
<ul id=”navmenu”>
<li><a href=index.html>Start</a></li>
<li><a href=about.html>Om</a></li>
<li><a href=”#”>Död</a></li>
<li><a href=”#”>Lever han?</a></li>
<li><a href=”#”>Diskografi</a></li>
</ul>
</div>
!-----------------------------------! NAVIGATION
<p>Den här sidan är till minne för Tupac Shakur, en av de bästa hip-hopparna genom tiderna. Jag vet att det redan finns många sådana sidor, men denna är helt och hållet på svenska och för med mina tankar också.</p>
<p>Tupac föddes den 16:de Juni 1971 i Harlem, New York. Hans mamma, Afeni Shakur, var fattig och medlem i den svarta kriminella gruppen Svarta Pantrarna. När han var 12 år började han på Baltimore School for the Arts.</p>
<p>Tupac är den bäst-säljande artisten genom tiderna och det finns få artister som inte känner till hans stora namn. Han sköts ihjäl av okända gärningmän den 7 september 1996.</p>
</div>
</body>
</html>

CSS:

#navmenudiv {position:relative;bottom:53px;right:4px;}
#navmenudiv ul {padding:0}
#navmenudiv li {display:inline;}
#navmenudiv li a {font-family:Helvetica;font-size:11px;text-decoration:none;
float:left;padding:10px;background-color:#2175bc;color:#fff;}
#navmenudiv ul li a:hover {background-color:#2586d7;margin-top:-2px;
padding-bottom:12px;}

navigation

css

html

回答 4

Stack Overflow用户

回答已采纳

发布于 2013-10-29 22:57:38

确保有足够空间的最简单的方法是将样式"clear: left"放在带有文本的div上，这将确保左边没有浮动。另一种方法是使导航条"position: absolute"，但这需要父级为"position: relative"或绝对本身。

票数 0

Stack Overflow用户

发布于 2013-10-29 23:09:55

您将在HTML代码的第8行关闭<body>标记。

票数 1

Stack Overflow用户

发布于 2013-10-29 23:02:28

看起来您希望菜单与图像重叠，这样您就可以将css更改为#navmenudiv

    #navmenudiv {position:relative;right:4px; display:inline-block; margin-top:-50px}

这将通过设置display:inline-block将文本清除到下一行，然后使用margin-top:-50px创建负边距，将菜单向上拉到图像上。

(为了实现您想要的布局，您需要使用负边距的大小)

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/19670602

复制

相似问题

问DIV元空间问题
EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问DIV元空间问题EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问DIV元空间问题
EN