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

幅を 75% に設定bookinfoすると、すべてのモニター サイズに対応できると思いましたが、1 つのモニターでは 3 冊の本がサイドバーにぴったりと収まり、もう 1 つのモニターでは 3 冊の本が表示され、本とサイドバーの間に大きな隙間ができました。firebug を使用しているときに、75% が小さいモニターのように大きいモニターのサイドバーに到達していないことがわかりました。

div をピクセル値に設定しようとしましたbookinfoが、すべてのモニターで同じようにレンダリングされません。モニターが許す限り多くの本が収まるようにしたいだけです。それで、私は何を間違っていますか?

解決した

すべてのモニターで同じ外観を得ることがcontentcontainerできましcontainerた。これはうまくいきました。それが他の誰かに役立つことを願っています。max-width:90%#bookinfopadding-right

4

1 に答える 1