[ 搜索框.............]
|内容1------------|
|内容2------------|
|内容3------------|
lz的意思应该是当 搜索框放到右下角的时候,因为搜索框距离屏幕底部小于 内容框。 样式应该自动变为
|内容3------------|
|内容2------------|
|内容1------------|
[ 搜索框.............]
实现细节
假设内容框是 ul>li 的形式~
只要
ul {
transform: rotate(180deg);
transform-origin:(x,y) // x,y 相对于 搜索框的中心距离
}
li {
transform: rotate(180deg);
}
即可实现以上布局的改变。
@