Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/91.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_Image_Background_Overflow - Fatal编程技术网

Html 在背景上溢出的物体

Html 在背景上溢出的物体,html,css,image,background,overflow,Html,Css,Image,Background,Overflow,对于我的主页,我的背景设置为width:80%然后与中心对齐 主页: 为此,我使用了以下代码: <body id="top"style="height:100%;overflow-x:hidden;background:red;" bgcolor="#FF0000"> 现在,当我缩放浏览器的大小时,它是这样的: 我怎样才能阻止这种情况发生?只定义你的身体最小宽度 body{ min-width:1000px; // width of you main container

对于我的主页,我的背景设置为
width:80%然后与中心对齐

主页:

为此,我使用了以下代码:

<body id="top"style="height:100%;overflow-x:hidden;background:red;" bgcolor="#FF0000">

现在,当我缩放浏览器的大小时,它是这样的:


我怎样才能阻止这种情况发生?

只定义你的
身体
最小宽度

body{
min-width:1000px; // width of you main container 
}

因为您使用的是百分比,它将始终根据您的屏幕进行调整,所以当您的屏幕宽度为1024像素时,它将是该宽度的80%,但如果您将其调整为700px,它将是该宽度的80%


您是否在其他元素上使用了百分比?使用它们不是一个坏习惯,只是您应该在具有固定宽度的元素中使用它们,以防止出现类似情况。

我们不能经常从图像中进行诊断。请提供您的CSS和HTML。理想情况下,一个JSFIDLE或者最坏情况下一个实时链接也会有帮助。。给我另一个建议,或者如果你有类似的plz代码。和我分享
body{
 width:80%;
 margin:0 auto;
}