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%}'即可通过添加一些文本来改进答案。不鼓励只使用代码的问题和答案。只是提醒一下。答案总是可以通过添加一些文本来改进的。不鼓励只使用代码的问题和答案。只是一个提醒。