与最大宽度max-width:*px
看到你说的还想让此自适应屏幕大小，又不能用百分比来控制是吗？其实最好的方式就是百分比来控制；
第二种方式就是@media screen来判断一下屏幕的大小如：
@media screen and (min-width:360px){#tankuang{width:*像素}}
当浏览器的宽度大于360px的时候执行弹框宽度是多少；
@media screen and (max-width:1440px){#tankuang{width:*像素}}
当浏览器宽度小于1440px时执行弹框是多少，
希望我的回答对你有所帮助；如果还有疑问继续追问我；
别人显示有留白不是css的问题，而是对方显示器的分辨率调的比你的高而已，比如你的显示器分辨率是1024*768，对方的是1600*900；那么肯定会显示的不一样一般网站页面的主体框架宽度都是固定的，通常是1000px，像百度知道这个页面的主体宽度就是980px，主体框架宽度固定是为了让绝大部分用户都能正常的浏览页面，毕竟现在已经很少有人再用800*600的分辨率了吧
所以，你问的这个问题解决方式就是设定一下总宽度并使框架居中即可，页面左右留白是不可避免的，如果你想根据分辨率来伸缩主体框架，那么里面的内容也势必要伸缩，这样很容易造成页面内容布局出错，主体内容美观上就不好了，页面左右留白的这个小问题相对来说就不是什么大问题了，当然，你也可以在整个页面的背景上下下文章，设定一下背景色或者背景图片来改善底部效果也是很好的
网页里面的宽度是可以用百分比决定的，可以设置这个容器的宽度占屏幕宽度的百分之多少，但是因为百分比的宽度是要有参考对象的，所以在设置百分比的宽度时，要先设置body的宽度为100%。照你的要求:一屏分为两栏显示，那么用两个DIV来做，一个DIV的宽度就是50%，两个在一起就正好100%了，如果你想这两个DIV之间有间距，那么就设置宽度为48%就行，具体自己把握，然后设置左边的DIV左浮动，右边的DIV右浮动即可。
高度是可以设置固定像素的，比如一个div的宽度为48%，高度为50px都行的，可以混用，只要记住使用百分比定义宽高长度就要设置对应的body的宽高为100%就行了
