Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.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 内容上下波动太大,超出了页边空白_Html_Css - Fatal编程技术网

Html 内容上下波动太大,超出了页边空白

Html 内容上下波动太大,超出了页边空白,html,css,Html,Css,在全屏显示时,内容看起来是对齐和居中的,但响应性不太强,因为在缩短屏幕宽度时,内容的顶部和底部会丢失,并且不可见 我正在使用Blogger模板。我已经联系了卖家,但她没有回应 我可以做哪些更改来防止这种情况 以下是截图: 提前谢谢你 #Image903 p.text-caption { margin: 0 0 25px; } 这只会发生在769px-814px屏幕宽度中,因为#image903p.text-caption具有页边距顶部:40px设置。因此,您可以添加一个填充顶部来处理

在全屏显示时,内容看起来是对齐和居中的,但响应性不太强,因为在缩短屏幕宽度时,内容的顶部和底部会丢失,并且不可见

我正在使用Blogger模板。我已经联系了卖家,但她没有回应

我可以做哪些更改来防止这种情况

以下是截图:

提前谢谢你

#Image903 p.text-caption {
    margin: 0 0 25px;
}

这只会发生在
769px-814px
屏幕宽度中,因为
#image903p.text-caption
具有
页边距顶部:40px设置。因此,您可以添加一个填充顶部来处理这种情况。若要解决此问题,请找到
@仅媒体屏幕和(最大宽度:900px)
,然后添加
填充顶部:40px如下所示:

@media only screen and (max-width: 900px)
#Image903 p.text-caption {
    margin-top: -40px;
    padding-top: 40px;
}

没有触及任何位置比你目前的主题…真的有很多绝对位置使用在一个坏的方式为那些日子

您还可以按如下方式更改溢出:

#Image903 .about-content {
    overflow: visible;
}