Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.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
Javascript 保持身材_Javascript_Html_Css - Fatal编程技术网

Javascript 保持身材

Javascript 保持身材,javascript,html,css,Javascript,Html,Css,我有一些问题我不能真正理解 a。如果我这样做: position: absolute; top: 0px; width: 100%; padding: 10px; “我的浏览器”中的滚动条将出现。如何避免这种情况?我希望我的顶部栏是全宽的,带有填充内容,但我不希望它超过实际宽度,使滚动条出现。怎么做 b。你有关于如何根据用户的分辨率缩放网站元素的文章吗?当我试着用它的时候 position: absolute; top: (some percen

我有一些问题我不能真正理解

a。如果我这样做:

    position: absolute;
    top: 0px;
    width: 100%;
    padding: 10px;
“我的浏览器”中的滚动条将出现。如何避免这种情况?我希望我的顶部栏是全宽的,带有填充内容,但我不希望它超过实际宽度,使滚动条出现。怎么做

b。你有关于如何根据用户的分辨率缩放网站元素的文章吗?当我试着用它的时候

    position: absolute;
    top: (some percentage)%
    left: (some percentage)%
这永远都不准确。使用像素而不是百分比-对于不同的分辨率也不精确

c。菜单覆盖

有没有什么方法可以调整div的级别,这样我的下拉菜单就不会出现在div后面?当这种情况发生时,我不能点击菜单中的某些项目,因为它们隐藏在body div后面


提前谢谢

a。添加
框大小:边框框-moz框大小:边框框
到您的代码。它将使填充在100%的宽度内,检查更多信息,并在此处查看

b。尝试在网络上搜索响应性设计。关于如何基于不同的设备显示您的网站,有很多值得了解的内容。您可能不想缩放所有内容


c。你在找什么?你所提供的信息对你没有任何帮助。如果需要了解更多信息,请添加HTML/CSS代码。

a。添加
框大小:边框框-moz框大小:边框框
到您的代码。它将使填充在100%的宽度内,检查更多信息,并在此处查看

b。尝试在网络上搜索响应性设计。关于如何基于不同的设备显示您的网站,有很多值得了解的内容。您可能不想缩放所有内容


c。你在找什么?你所提供的信息对你没有任何帮助。如果需要了解更多信息,请添加HTML/CSS代码。

a。添加
框大小:边框框-moz框大小:边框框
到您的代码。它将使填充在100%的宽度内,检查更多信息,并在此处查看

b。尝试在网络上搜索响应性设计。关于如何基于不同的设备显示您的网站,有很多值得了解的内容。您可能不想缩放所有内容


c。你在找什么?你所提供的信息对你没有任何帮助。如果需要了解更多信息,请添加HTML/CSS代码。

a。添加
框大小:边框框-moz框大小:边框框
到您的代码。它将使填充在100%的宽度内,检查更多信息,并在此处查看

b。尝试在网络上搜索响应性设计。关于如何基于不同的设备显示您的网站,有很多值得了解的内容。您可能不想缩放所有内容


c。你在找什么?你所提供的信息对你没有任何帮助。如果您需要了解更多信息,请添加HTML/CSS代码。

您的所有问题都可以通过纯ole CSS解决,这是个好消息

填充

这是因为CSS处理填充的方式。例如,如果将元素设置为:

#id{
   width:100px;
   height:100px;
   padding:10px; 
}
它最终会变成120px 120px。这里解释了这一点

您可以使用此处详述的框大小调整方法来解决此问题

根据分辨率进行缩放

这称为响应式设计。这里要介绍的内容实在太多了,但最基本的是您可以使用媒体查询来实现这一点。这里有详细的说明

菜单覆盖

您可以使用CSS提供的z-index属性来解决这个问题。基本上是这样的:z-index:1低于z-index:2。需要注意的是,只有在元素上声明了位置时,z-index才会起作用


同样,这里不需要js,这是一个好消息,因为CSS对您来说速度更快,可扩展性更强。

您所有的问题都用普通的ole CSS解决了,所以这是个好消息

填充

这是因为CSS处理填充的方式。例如,如果将元素设置为:

#id{
   width:100px;
   height:100px;
   padding:10px; 
}
它最终会变成120px 120px。这里解释了这一点

您可以使用此处详述的框大小调整方法来解决此问题

根据分辨率进行缩放

这称为响应式设计。这里要介绍的内容实在太多了,但最基本的是您可以使用媒体查询来实现这一点。这里有详细的说明

菜单覆盖

您可以使用CSS提供的z-index属性来解决这个问题。基本上是这样的:z-index:1低于z-index:2。需要注意的是,只有在元素上声明了位置时,z-index才会起作用


同样,这里不需要js,这是一个好消息,因为CSS对您来说速度更快,可扩展性更强。

您所有的问题都用普通的ole CSS解决了,所以这是个好消息

填充

这是因为CSS处理填充的方式。例如,如果将元素设置为:

#id{
   width:100px;
   height:100px;
   padding:10px; 
}
它最终会变成120px 120px。这里解释了这一点

您可以使用此处详述的框大小调整方法来解决此问题

根据分辨率进行缩放

这称为响应式设计。这里要介绍的内容实在太多了,但最基本的是您可以使用媒体查询来实现这一点。这里有详细的说明

菜单覆盖

您可以使用CSS提供的z-index属性来解决这个问题。基本上是这样的:z-index:1低于z-index:2。需要注意的是,只有在元素上声明了位置时,z-index才会起作用


同样,这里不需要js,这是一个好消息,因为CSS对您来说速度更快,可扩展性更强。

您所有的问题都用普通的ole CSS解决了,所以这是个好消息

填充

这是因为CSS处理填充的方式。例如,如果将元素设置为:

#id{
   width:100px;
   height:100px;
   padding:10px; 
}
它最终会变成120px 120px。这里解释了这一点

YouC