CSS：隱藏的列時寬度減小

Question

退房：http://thinkvitamin.com/

當降低瀏覽器的大小，在某些時候右列乾脆消失。相當不錯的降級，這使得相當靈活的設計。但是，我沒有看到任何特殊的CSS正在進行。這是Javascript，還是可以以某種方式用CSS實現？

Answer 1

這是用純CSS完成的，即CSS3的媒體查詢。

該規範：http://www.w3.org/TR/css3-mediaqueries/

一個教程：http://webdesignerwall.com/tutorials/css3-media-queries

瀏覽器支持：http://caniuse.com/css-mediaqueries（作品 「無處不在」，除了IE8和更低）

Answer 2

的原因，右邊的部分消失，是因爲他們有這對他們的CSS：

width: 24%; 
float: right; 

如果寬度將被設置爲一個固定寬度的部分會下降到了底部文章。