Css 如何使我的网页在任何大小的浏览器窗口中完整显示

Css 如何使我的网页在任何大小的浏览器窗口中完整显示,css,cross-browser,webbrowser-control,Css,Cross Browser,Webbrowser Control,我已经做了一个网页,这是代码的主要部分 #Div { margin-left: 0px; position:absolute; margin-top: -1px; display: inline; float: left; margin-bottom: 0; background-color: #030; width: 660px; margin-left:-330px; left:50%; padding-

我已经做了一个网页,这是代码的主要部分

#Div {
    margin-left: 0px;
    position:absolute;
    margin-top: -1px;
    display: inline;
    float: left;
    margin-bottom: 0;
    background-color: #030;
    width: 660px;
    margin-left:-330px;
    left:50%;
    padding-top: 0px;
    height: 440px;
}
是否有一种css技术可用于确保无论浏览器屏幕大小如何,页面都占据整个页面。

最小高度:100%; 最小宽度:100%

并使用CSS重置-

最小高度:100%; 最小宽度:100%


并使用CSS重置-

为什么要将
边距设置为左
两次?为什么要浮动(并内联显示)一个要占据整个屏幕的div?设置负的左边距将使整个div向左移动,因此即使
宽度为100%
,也不会一直向右移动


去掉所有的利润。Do
宽度:100%
。将
display:inline
更改为
display:block
。把浮子拿走。如果必须将其设置为
位置:绝对
,请确保指定:top:0px;左:0px

为什么要将
边距设置为左
两次?为什么要浮动(并内联显示)一个要占据整个屏幕的div?设置负的左边距将使整个div向左移动,因此即使
宽度为100%
,也不会一直向右移动


去掉所有的利润。Do
宽度:100%
。将
display:inline
更改为
display:block
。把浮子拿走。如果必须将其设置为
位置:绝对
,请确保指定:top:0px;左:0px

您想将网页居中放置,而不在小屏幕的左侧进行剪切

使用以下内容:

#outer{
  text-align: center;
}
#inner{
  margin:0 auto;
  width: 660px;
  text-align: left;
}

<div id="outer">
  <div id="inner">
    content
  </div>
</div>
#外部{
文本对齐:居中;
}
#内在的{
保证金:0自动;
宽度:660px;
文本对齐:左对齐;
}
内容

您想将网页居中放置,而不在小屏幕的左侧进行剪切吗

使用以下内容:

#outer{
  text-align: center;
}
#inner{
  margin:0 auto;
  width: 660px;
  text-align: left;
}

<div id="outer">
  <div id="inner">
    content
  </div>
</div>
#外部{
文本对齐:居中;
}
#内在的{
保证金:0自动;
宽度:660px;
文本对齐:左对齐;
}
内容

也许你可以从CSS框架中汲取一些灵感,去掉你需要的部分

也许你可以从CSS框架中获得一些灵感,去掉你需要的部分

#容器{
背景:蓝色;
显示:块;
位置:绝对位置;
宽度:100%;
身高:100%;
顶部:0px;
左:0px;
2b订单:1px纯红;
}
#容器{
背景:蓝色;
显示:块;
位置:绝对位置;
宽度:100%;
身高:100%;
顶部:0px;
左:0px;
2b订单:1px纯红;
}

我不确定将高度设置为100%是否有效。至少我通常不会…?你用css重置了吗?不同的浏览器显示边框、填充和边距的方式不同,您可以使用css重置将其设置为0。我不确定将高度设置为100%是否有效。至少我通常不会…?你用css重置了吗?不同的浏览器显示边框、边距和边距的方式不同,您可以使用css重置将其设置为0。如果这是您的问题,只需在CSST顶部编写
html,body{padding:0;margin 0;}
。此css完全错误。请学习CSS的“位置”、“显示”和“浮动”,你就会知道我为什么要告诉你这些。这个CSS属性的组合不会给你任何东西。如果你想在所有窗口中使用'div',只需在CSS顶部使用'body{padding:0;margin 0;}'和'div{width:100%}'哦,如果这是你的问题,那么只需在CSS顶部编写
html,body{padding:0;margin 0;}
。请学习CSS的“位置”、“显示”和“浮动”,你就会知道我为什么要告诉你这些。这个CSS属性的组合不会给你任何东西。如果您希望在所有窗口中使用'div',只需执行'body{padding:0;margin 0;}'和'div{width:100%}'即可通过添加一些文本来改进答案。不鼓励只使用代码的问题和答案。只是提醒一下。答案总是可以通过添加一些文本来改进的。不鼓励只使用代码的问题和答案。只是一个提醒。