Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Overflow-y:滚动不工作,文本脱离div_Html_Css_Overflow - Fatal编程技术网

Html Overflow-y:滚动不工作,文本脱离div

Html Overflow-y:滚动不工作,文本脱离div,html,css,overflow,Html,Css,Overflow,这本应是网站的一个简单部分,但我遇到了一个问题,overflow-y:scroll命令不幸无法工作,歌词留下了div #封面{ 位置:固定; 排名:0; 左:0; 背景:rgba(0,0,0,0.6); z指数:5; 宽度:100%; 身高:100%; 显示:无; } #专辑歌曲{ 背景色:黑色; 不透明度:2; 身高:90%; 宽度:70%; 位置:绝对位置; 最高:5%; 左:10%; z指数:10; 显示:块; 边框:5px实心#中交; 边界半径:10px; } #专辑歌曲:目标,#专辑

这本应是网站的一个简单部分,但我遇到了一个问题,
overflow-y:scroll
命令不幸无法工作,歌词留下了
div

#封面{
位置:固定;
排名:0;
左:0;
背景:rgba(0,0,0,0.6);
z指数:5;
宽度:100%;
身高:100%;
显示:无;
}
#专辑歌曲{
背景色:黑色;
不透明度:2;
身高:90%;
宽度:70%;
位置:绝对位置;
最高:5%;
左:10%;
z指数:10;
显示:块;
边框:5px实心#中交;
边界半径:10px;
}
#专辑歌曲:目标,#专辑歌曲:目标+#封面{
显示:块;
不透明度:2;
}
.取消{
显示:块;
位置:绝对位置;
顶部:3px;
右:2px;
背景:rgb(245);
颜色:黑色;
高度:30px;
宽度:35px;
字体大小:30px;
文字装饰:无;
文本对齐:居中;
字体大小:粗体;
}
#歌词{
溢出y:滚动;
身高:100%;
宽度:45%;
边框:1px纯红;
}
#播放按钮{
高度:40px;
宽度:100px;
位置:绝对位置;
最高:2%;
左:5%;
右侧填充:300px;
边界半径:200px;
大纲:无;
边界:无;
背景色:#698aad;
}
#playimage{
光标:指针;
页边顶部:-1px;
左边距:-7px;
高度:40px;
宽度:40px;
}
#歌曲名称{
颜色:#ffc31a;
字体大小:25px;
位置:绝对位置;
最高:15%;
左:35.5%;
}
#星语{
字体大小:22px;
颜色:红色;
位置:绝对位置;
最高:3%;
右:40%;
}
#星际迷航:悬停{
边界半径:5px;
边界:无;
光标:指针;
背景色:红色;
颜色:白色;
}
#秀星文字{
显示:块;
位置:绝对位置;
左:12%;
颜色:红色;
}
#释放歌曲列表{
溢出y:滚动;
身高:100%;
宽度:55%;
边框:1px纯蓝色;
位置:绝对位置;
右:0;
排名:0;
}

你说了一句话,生活就开始了
告诉海洋从哪里开始,从哪里结束
您可以设置运动时间和空间
但你还是来了,叫我的名字
你还是来了,叫我的名字

如果你能把星星固定住
你可以把我的心保持不变
每当我跌倒时
每当我开始休息时
所以我在这里,举起我的心
献给拥有星星的人

最深处,最黑暗的夜晚
不能分开,不能让我离开你的视线
我迷路了,忘了我的路
但是你仍然爱我,你不会忘记我的名字

如果你能把星星固定住
你可以把我的心保持不变
每当我跌倒时
每当我开始休息时
所以我在这里,举起我的心
如果你能平息汹涌的大海
你可以平息我内心的风暴
你永远不会离得太远
你从不迟到
所以我在这里,举起我的心
献给拥有星星的人

你的爱呼唤我的名字
我该害怕什么?
我该害怕什么?
你的爱呼唤我的名字

我该害怕什么?
我该害怕什么?
如果你能把星星固定住
你可以把我的心保持不变
每当我跌倒时
每当我开始休息时
所以我在这里,举起我的心
(举起我的心)
如果你能平息汹涌的大海
你可以平息我内心的风暴
你永远不会离得太远
你从不迟到
所以我在这里,举起我的心
献给拥有星星的人

你是拥有星星的人

煎锅星星 歌词
#showstarslyrics
中,您应该使用
位置:相对的
,而不是绝对的

#showstarslyrics{
    display:block;
    position:relative;
    left:12%;
    color:red;
}
#showstarslyrics
中更新了您应该使用
位置:相对的
,而不是绝对的

#showstarslyrics{
    display:block;
    position:relative;
    left:12%;
    color:red;
}

更新的

不要对其使用绝对定位。绝对位置G使div完全脱离流量。相反,请使用相对的:

#showstarslyrics {
display: block;
position: relative;
left: 12%;
color: red }

不要使用绝对定位。绝对位置G使div完全脱离流量。相反,请使用相对的:

#showstarslyrics {
display: block;
position: relative;
left: 12%;
color: red }

您需要删除位置绝对形式#ShowStarsRyrics


您需要删除位置绝对形式#ShowStarsRyrics


position:relative
应用于歌词。这会解决你的问题。您的溢出内容绝对定位于正文,而不是其父项。

应用
位置:相对
到歌词。这会解决你的问题。您的溢出内容完全定位于正文,而不是其父项。

谢谢您的帮助!我不知道是这个职位造成的。虽然其他答案都是正确的,但你的答案是第一个,所以我会接受:)谢谢你的帮助!我不知道是这个职位造成的尽管其他答案都是正确的,但你的答案是第一个,所以我接受:)@HorsSujet检查这个code@HorsSujet检查此代码