谁知道div 布局大框架宽度高度根据啥设置 不同的浏览器怎么设？

Posted 2023-05-10

参考技术A 中：内容部分
下：版权信息，公司地址，友情链接之类；
从不同分辨率来考虑，现在来说要做的网站都得考虑宽屏下的效果；
所以上下两部分；宽度一般都为100%；
中间的话。根据内容布局；考虑到显示器大小的原因；推荐小于1024；很多网站都做980px;让这个div居中；
高度的话。不好掌握。需要看你做的内容有多少。如果没有,搜索一下“自动容高”；推荐答案2:通常根据浏览器分辨率来自适应都是设定100%，div不设定浮动的情况下是自动100%的，所以一般不用设定，而高度默认情况下是最小高度，而设定100%不能兼容大部分浏览器，所以一般不使用，我们设计页面的时候就会首先把最小高度设计进去，防止内容过少造成页面空白太多，我本人设计高度的时候通常都是会先设定一个最小高度，然后根据内容自动增加高度

CSS布局 ， 单列宽度固定，另一列自适应。

CSS布局 ，要求是满屏显示，分成两列显示，其中左边 单列宽度固定，右边一列自适应。能根据不同的显示屏分辨率，右边一列可以占满剩下的屏幕。请问该如何设置。

左边单列固定宽度，如：width：100px;height:auto;
右边一列自适应：width：auto；height：auto；
首先要将body的margin：0px；padding：0px； 参考技术A 如果你设置好浮动了，左边的布局宽度固定，右边的布局宽度设置100%就行了 参考技术B #left
position: absolute;

left: 0px;
top: 0px;

width: 300px;

height: 100%;


#right
width: auto; /*这行可以不写，默认就是auto*/

height: 100%;

margin-left: 300px;