Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/375.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,如果您的网页覆盖了整个屏幕,则在左侧和右侧都有区域,其中不包含任何内容。 如果你使页面变小,它们会变小,而实际的网页在你移动它时会保持居中,直到栏消失,此时它将停止移动。 (本网站包含这些栏) 我查阅了如何制作边栏,但我发现所有资源都包含不会消失的边栏或导航栏。(我不想要导航栏)达斯汀·迪亚兹曾经对这个问题有一个非常圆滑的答案,但他的网站似乎已经关闭了(http://www.dustindiaz.com/centering-a-webpage/) 无论如何,通过在身体上添加以下css,您可以将网

如果您的网页覆盖了整个屏幕,则在左侧和右侧都有区域,其中不包含任何内容。 如果你使页面变小,它们会变小,而实际的网页在你移动它时会保持居中,直到栏消失,此时它将停止移动。 (本网站包含这些栏)
我查阅了如何制作边栏,但我发现所有资源都包含不会消失的边栏或导航栏。(我不想要导航栏)

达斯汀·迪亚兹曾经对这个问题有一个非常圆滑的答案,但他的网站似乎已经关闭了(http://www.dustindiaz.com/centering-a-webpage/)

无论如何,通过在身体上添加以下css,您可以将网页居中,而无需任何额外标记:

body { 
    margin:0 auto;
    width:760px;
    /* adjust width as needed */
}

所有这些都归功于达斯汀。

达斯汀·迪亚兹曾经对这个问题有一个非常圆滑的答案,但他的网站似乎已经关闭了(http://www.dustindiaz.com/centering-a-webpage/)

无论如何,通过在身体上添加以下css,您可以将网页居中,而无需任何额外标记:

body { 
    margin:0 auto;
    width:760px;
    /* adjust width as needed */
}

所有这一切都归功于达斯汀。

当你找到一个做你想做的事情的网站时,你可以通过使用浏览器附带的工具来了解它是如何工作的。例如,在IE和Chrome上,按F12键将显示所有内容—HTML、javascript、CSS等等


如果您无法理解某个特定的效果,请返回URL,我们将帮助您了解详细信息。

当您找到一个满足您需要的网站时,您可以使用浏览器附带的工具查看其工作原理。例如,在IE和Chrome上,按F12键将显示所有内容—HTML、javascript、CSS等等


如果您无法理解某个特定的效果,请返回URL,我们将帮助您了解详细信息。

您的问题有点含糊不清,但在大多数情况下,您有一个包装在容器中的两列固定宽度布局。该容器通常以固定宽度居中于页面上

<div id="container">
  <div id="left-column">Left Column</div>
  <div id="right-column">Right Column</div>
</div>

以下是。

您的问题有点模糊,但在大多数情况下,您有一个包装在容器中的两列固定宽度布局。该容器通常以固定宽度居中于页面上

<div id="container">
  <div id="left-column">Left Column</div>
  <div id="right-column">Right Column</div>
</div>

以下是您的描述。

您的描述真的不清楚。。有没有url的例子?你说的是简单的div居中还是响应式设计?你试过View Source吗?检查元件?萤火虫?开发者工具栏(F12)?你的描述真的不清楚。。有没有url的例子?你说的是简单的div居中还是响应式设计?你试过View Source吗?检查元件?萤火虫?开发者工具栏(F12)?没问题。每个人都从某个地方开始。我绝对同意@egrunin的观点,一个很好的开始方式是检查您喜欢的站点上的元素。此外,选择一个答案将确保人们将来会回答你的问题:不是问题。每个人都从某个地方开始。我绝对同意@egrunin的观点,一个很好的开始方式是检查您喜欢的站点上的元素。另外,选择一个答案将确保人们将来会回答你的问题:D