关于div+CSS排版的疑问_html/css_WEB-ITnose



本来刚开始接触web开发，现在在使用div+css进行排版的时候有一个困惑，如果用百分比对div进行高度设定，那么网页会随缩放变形，感觉不可取。但是用数值进行设定的话，该怎么确定总高度值呢？如果在我的电脑上合适的，在分辨率更高的电脑上，下面不是会空出来一段，显然很难看啊。一般是怎么解决这个问题的呢？是用javascript根据具体情况动态设定么？求大牛们解惑，谢谢啦！

回复讨论(解决方案)

一个背景平铺占满整个屏幕，主题内容一般宽度在1200-1300左右，高度由内容而定。这个问题一般UI会帮你考虑的，做前端的话，关注好代码逻辑性就行~（但不代表不去接触UI，什么都该了解一点的~）

一个背景平铺占满整个屏幕，主题内容一般宽度在1200-1300左右，高度由内容而定。这个问题一般UI会帮你考虑的，做前端的话，关注好代码逻辑性就行~（但不代表不去接触UI，什么都该了解一点的~）

谢谢，我这不是正想了解嘛~~所以一般是怎么处理的呢？是不是要用的更高级的css技术？比如我看类似bootstrap有自适应什么的？~求稍微多指点一下

bootstrap 就是对各种可能遇到的布局问题进行优化，你只需要记住它的类名，看一下它的api,就知道怎么使用，非常方便。而且有许多交互也都写好了，直接调用就好了。

1 底色尽量用在最底层，以及内容可能最长的一层
2 实在要设置高度的话， { min-height: xxxpx;_height:xxxpx}
3 要用js的话 比较 document.body.clientHeight||document.documentElement.clientHeight 和 .scrollHeight 的差动态设置，还要捕捉resize()事件，效果不一定好.