html 页面右侧浮窗 CSS,（CSS） 带有右侧边栏的响应式页面的CSS样式

一、目的

要创建一个响应式页面：

右侧边栏为div.right-bottom，左侧内容为div.left-top。

当窗口宽度大于700px时，随着窗口大小的变化，div.right-bottom的width与height固定不变，div.left-top的width与height自动调整。

当窗口宽度小于700px时，上述div.left-top在上，div.right-bottom在下，随着窗口大小的变化，二者的width与height自动调整。

效果如下图：

二、代码与分析

2.1 第一种方案

left-top

Most people prefer comfort to its alternative. St. Francis renounced a fat inheritance to dress in rags and tend to lepers. David Blaine buried himself in a plastic coffin beneath a three-ton water tank on Sixty-eighth Street for a week. If you’re looking to push your own limits, you could take up free climbing or enter a hot-dog-eating contest.

right-bo