私は
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
幅を 75% に設定bookinfo
すると、すべてのモニター サイズに対応できると思いましたが、1 つのモニターでは 3 冊の本がサイドバーにぴったりと収まり、もう 1 つのモニターでは 3 冊の本が表示され、本とサイドバーの間に大きな隙間ができました。firebug を使用しているときに、75% が小さいモニターのように大きいモニターのサイドバーに到達していないことがわかりました。
div をピクセル値に設定しようとしましたbookinfo
が、すべてのモニターで同じようにレンダリングされません。モニターが許す限り多くの本が収まるようにしたいだけです。それで、私は何を間違っていますか?
解決した
すべてのモニターで同じ外観を得ることがcontentcontainer
できましcontainer
た。これはうまくいきました。それが他の誰かに役立つことを願っています。max-width:90%
#bookinfo
padding-right