CSS学习笔记
来源:互联网 发布:nodejs 性能优化 编辑:程序博客网 时间:2024/05/22 04:38
1.今天做了CSS有关的练习,三栏布局,一开始完全用position来定位,一下就做出来,完成后用float来布局,一开始还是挺多坑的,原谅我是小小白,三栏布局,双飞翼模式嘛,中间部分自适应宽度,一开始的时候直接按顺序left->center->right来设定,导致中间的部分跑到两边的下边了,所以如果中间部分的margin-left/right是正值的话,就按:左->右->中间的顺序定义,如果按:左->中->右顺序的话,中间margin-left的值就用负值,这样就可以保证三栏在同一水平了。
2.为了保证灰框里面的内容不溢出,对灰色框清除浮动:overflow:auto;
3.档浏览器宽度一不一致时,为了保持布局整洁,对中间部分设定最小宽度:min-width:大小值;这样即使浏览器缩小,右边的部分也不会覆盖掉中间的部分。
效果:
0 0
- CSS学习笔记----CSS选择器
- CSS学习笔记一
- CSS学习笔记二
- CSS学习笔记一
- CSS学习笔记二
- CSS学习笔记三
- CSS学习笔记四
- CSS学习笔记五
- CSS学习笔记
- css学习笔记
- css学习笔记
- CSS入门学习笔记
- css学习笔记
- CSS学习笔记
- CSS学习笔记
- div+css学习笔记
- CSS学习笔记
- css 学习笔记
- 在 mbed平台使用 airkiss_cloudapi sdk 过程中碰到问题解决方法
- SpringMVC中使用拦截器
- HTML5为什么不需要对DTD进行引用
- Win10 + 64bit + OpenCV3.1 + VS2015
- 2016/09/21 腾讯校招技术面是 记录
- CSS学习笔记
- HDU5687-Problem C
- 单片机C51数据类型和存储器类型
- Mybatis之select元素
- 10.1_Android Training 学习笔记_设计高效的导航
- git rebase修改历史提交
- Spring学习第九天:Spring表达式语言Spel
- MyISAM 和 InnoDB 讲解
- hdoj-1878-欧拉回路