CSS float 定位和缩放问题
本文共 3329 字，大约阅读时间需要 11 分钟。
今天调试一个看起来很简单的前端问题，但却花了太多的时间，示例代码：
效果：
上面是我们一般设计后台使用的代码和样式，左边是菜单区域，右边是内容操作区域，但左边菜单区域因为分辨率或窗口大小进行了缩放，也就是菜单变形了，现在要求左边菜单固定宽度不拉伸，右边内容操作区域可以进行缩放，所以，我们改了下面的代码：
效果：
这个我花了很多时间进行调整，不是表格宽度超过内容区域，就是宽度不够，某个界面下调整了，但伸缩下界面，宽度又乱了，后来无意间调整了一下样式，就可以了，代码如下：
主要改进是在右侧内容区域增加margin-left:144px样式，并且宽度要和菜单区域的宽度一致，缩放效果：
本文转自田园里的蟋蟀博客园博客，原文链接：http://www.cnblogs.com/xishuai/p/css-float-margin-left.html，如需转载请自行联系原作者
你可能感兴趣的文章
apache 伪静态 .htaccess
查看>>
unity3d 截屏
查看>>
ASP.NET MVC学习之控制器篇
查看>>
MongoDB ServerStatus返回信息
查看>>
分析jQuery源码时记录的一点感悟
查看>>
程序局部性原理感悟
查看>>
UIView 动画进阶
查看>>
Spring如何处理线程并发
查看>>
linux常用命令（用户篇）
查看>>
获取组件的方式（方法）
查看>>
win2008 server_R2 自动关机 解决
查看>>
我的友情链接
查看>>
在C#调用C++的DLL简析（二）—— 生成托管dll
查看>>
Linux macos 常用终端操作
查看>>
企业网络的管理思路
查看>>
Linux磁盘分区与挂载
查看>>
J2se学习笔记一
查看>>
DNS视图及日志系统
查看>>
老李分享：Android性能优化之内存泄漏 3
查看>>
mysql命令
查看>>