右浮动:float:right, 似乎比左浮动float:left少用多了。难道右浮动仅仅像左浮那样用于飘在右侧吗??其实不然,右浮动在某些特定情形下,还可用于迅速解决某些定位问题。
如果你的总框架用的是未浮动的div(居中设置), 而左侧框架用的是左浮动的div,左框架下还有子框架div,同时,右框架用了左浮动的div,右框架与左框架之间设置了margin-left的值,合并代码后在浏览器上一看,妈呀,右侧内容全部跑到左侧内容底部或者部分左侧内容底部了,你赶紧检查css样式表和html代码,弄了一个多钟头,汗都下来了,代码没错呀,右侧内容还是上不到右侧顶端。死的心都有了!怎么办?
来了来了,有一招一剑封喉且非常迅速地可实现右侧框架内的内容升顶居右。具体如下:
把右侧框架的css样式改为右浮动(假定你的右侧框架类名是right),再加一个绝对定位,代码改为:
.right {
float:right;
position:absolute;
... ...
}
其他内容不变,改完保存,刷新页面,嘿!右侧内容瞬间升顶居右了!
声明:这个方案奏效的前提是左右框架以及总框架的宽度关系必须是正确的,否则还是不可以的。同时,右侧框架的margin-left设定也可以去掉(没啥用了)。