Question

我的锚标签之间的文字没有显示，我不知道为什么。谁能帮我吗？

HTML：

<div id="left">
<a class="links" href="#footer">Yolo</a>
</div>

CSS：

.links{
display:block;
width:100%;
height:30px;
border-bottom:2px solid orange;

padding:10px 0px;

color:red;

}


#left{


background-color:#320E7F;
position:relative;
right:85%;
top:120px;
height:1900px;
width:100%;
z-index:0;

}

Answer 1

删除position:relative的{{1}}。你会想要这个......

<强> CSS

div

<强> HTML

.links{
display:block;
width:100%;
height:30px;
border-bottom:2px solid orange;

padding:10px 0px;

color:red;

}
#left{ background-color:#320E7F;  right:85%; top:120px; height:1900px; width:100%; z-index:0; }

http://jsfiddle.net/2cQx3/1/

Answer 2

首先，您在此处有一个未关闭的属性：<div id="left>

其次，您的规则right: 85%;将div推到左侧，即链接所在的位置，以便将其渲染出屏幕。

在此处修复此问题：http://jsfiddle.net/2cQx3/2/

锚标记内的文本未显示

2 个答案: