1

我有一个

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% 会使其响应所有显示器尺寸,但在一台显示器上,我得到三本书紧贴侧边栏,另一台显示器我得到三本书籍和侧边栏之间有很大间隙的书。使用萤火虫时,我看到 75% 没有到达较大显示器的侧边栏,因为它在较小的显示器上。

我已经尝试将bookinfodiv 设置为像素值,但它仍然不会在所有监视器上呈现相同的值。我只想在显示器允许的范围内安装尽可能多的书。那么我做错了什么?

解决了

contentcontainer通过完全删除,设置containermax-width:90%和删除宽度#bookinfo以支持添加,我能够在所有显示器上获得相同的外观padding-right。这行得通。希望它可以帮助别人。

4

1 回答 1

1

您还需要添加

html, body{width:100%; height:100%}
于 2013-02-22T18:19:08.243 回答