DIV没有扩展到百分比所有监视器尺寸

Question

我有一个

container:100% 
contentcontainer:90% 

，然后里面这些我都

#bookinfo{width:75%; float:left;} 
sidebar{width:20%; float:right;} 

的#bookinfo div包含书籍与这些风格

display inline 
width:320px 
height:430px 
float:left 
margin right:15px 

我认为将bookinfo设置为75％的宽度会使其响应所有显示器的尺寸，但在一台显示器上，我有三本书贴在边栏上，另一台显示器上有三本书，书和侧边栏之间有很大的距离。当使用萤火虫时，我看到75％没有到达较大显示器上的侧边栏，因为它在较小的显示器上。

我试过将bookinfo div设置为一个像素值，但它在所有显示器上仍然不相同。我只想让尽可能多的书适合显示器允许的尺寸。那么我做错了什么？

解决

我能够通过移除contentcontainer完全，设置container到max-width:90%和#bookinfo有利于增加padding-right去除宽度让所有显示器相同的外观。这工作。希望它可以帮助别人。

Answer 1

还需要添加

html, body{width:100%; height:100%}