DIV沒有擴展到百分比所有監視器尺寸

Question

我有一個

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去除寬度讓所有顯示器相同的外觀。這工作。希望它可以幫助別人。

Answer 1

還需要添加

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