html – 如何实现复杂的CSS布局?

我有一个页面 here.有一个内容面板和一个内容面板.我想将内容居中,然后将内容面板推到右上角.这种行为已经奏效.

但是,当页面缩小时,布局无法正常工作.理想情况下,内容将被推送到屏幕的右侧,内容内容之间保持5px的间隙.然而,目前,内容只是重叠内容,这不是我想要的.

这样的布局是否可行,而不是诉诸javascript?

编辑:您可能会注意到页面边缘的滚动条.那个滚动条不是正文的滚动条,而是div#main,原因是我不希望内容页面滚动.

解决方法

我相信使用容器上的min-width属性是可以实现的.期待ie6的问题.它无法识别最小宽度声明.

相关文章

vue阻止冒泡事件 阻止点击事件的执行 <div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些