Css div未扩展到所有监视器大小的百分比

我有一个

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%会使它对所有显示器尺寸都有响应，但在一个显示器上，我得到了三本紧贴在侧边栏上的书，而在另一个显示器上，我得到了三本书，书和侧边栏之间有一个很大的间隙。当使用firebug时，我看到75%的数据没有像在较小的显示器上一样到达较大显示器的侧栏

我已尝试将

bookinfo

div设置为像素值，但它仍然无法在所有监视器上呈现相同的效果。我只想让显示器能容纳多少本书。那么我做错了什么

已解决

通过完全移除

contentcontainer

，将

container

设置为

max width:90%

，并移除

\bookinfo

中的宽度，以利于添加

右侧填充

，我可以在所有显示器上获得相同的外观。这起作用了。希望它能帮助其他人。

您还需要添加

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

您还需要添加

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

---

在jsfiddle.net上创建一个演示。侧边栏实际上与我网站上的书籍保持一致，书籍来自数据库，因此html在实际代码中只显示一次。书籍，而不是像小提琴一样显示三次。我没有发现与显示“显示器允许的书籍数量”相反的代码有任何错误。你能更具体地谈谈这个问题吗？另外，在您之前的评论中，“级别”是什么意思？很抱歉造成混淆。#bookinfo的宽度设置为#contentcontainer的75%。鉴于此，75%的范围不应该在所有监视器中都相同吗？在一个更大的显示器中，75%的屏幕不会一直显示在侧边栏的左侧，这是应该的。在jsfiddle.net上创建一个演示边栏实际上与我网站上的书籍是一致的，这些书籍来自一个数据库，因此html在实际代码中只为.books显示一次，而不是像fiddle那样显示三次。我找不到任何不利于显示的代码错误“显示器允许容纳多少本书”。你能更具体地说明这个问题吗？还有，“级别”是什么“在你之前的评论中是什么意思？很抱歉造成混淆。#bookinfo的宽度设置为#contentcontainer的75%。鉴于此，75%的范围不应该在所有监视器中都相同吗？在一个更大的显示器中，75%的屏幕不会一直显示在侧边栏的左侧，这是应该的。如果是这样的话，另一部电影就适合了。