我有一个
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
。这行得通。希望它可以帮助别人。