我有一个
container:100%
contentcontainer:90%
然后在里面我有
#bookinfo{width:75%; float:left;}
sidebar{width:20%; float:right;}
#bookinfodiv包含具有以下样式的书籍
display inline
width:320px
height:430px
float:left
margin right:15px
我认为将bookinfo设置为75%的宽度会使其对所有显示器大小都有响应，但在一个显示器上，我得到了三本紧贴侧边栏的书，而在另一个显示器中，我得到三本书，书和侧边栏之间有很大的间隙。当使用firebug时，我看到75%没有像在较小的显示器上一样到达较大显示器上的侧边栏。
我已经尝试将bookinfodiv设置为像素值，但它仍然不能在所有监视器上呈现相同的效果。我只想在显示器允许的范围内放尽可能多的书。那么我做错了什么？
已解决
通过完全删除contentcontainer，将container设置为max-width:90%，并删除#bookinfo的宽度以添加padding-right，我可以在所有显示器上获得相同的外观。这起到了作用。希望它能帮助其他人。
您还需要添加
html, body{width:100%; height:100%}