首页
行业
前端
特效
人生
知识库
站内搜索：
首页
>>
前端
>> 内容
学习标准——笔记
时间：2007/2/20
自己总结的几点：
1、如果一个对象有float的话，基本就不会用到width
2、有时对div的书写顺序也有要求，先写float
3、终于明白IE为什么那么讨厌了
一个三栏的例子，中间栏自适应
这里有个问题，就是三栏之间会有一小段空隙，这在FF下是没有的，所以如果要形成连续的效果的话，可以在main里定义背景。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <meta http-equiv="Content-Type" content="text/html;charset=gb2312" /> <style type="text/css"> <!-- #left { float:left; width:200px; height:200px; background:orange; } #middle { height:200px; background:#eee; } #right { float:right; width:200px; height:200px; background:black; } --> </style> <div id="main"> <div id="left"></div> <div id="right"></div> <div id="middle"></div> </div>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
页面垂直居中
<style> #test{ width:100px; height:100px; position:absolute; left:50%;top:50%; margin:-50px 0 0 -50px; background-color:#000 } </style> <div id="test"></div>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
上一篇：
用好href的target属性
下一篇：
CSS仿淘宝首页导航条布局效果
用户评论
已有
0
人评论
阅读更多评论
相关文章
·
让孩子学习更有趣 VIPKID在线教室全新换肤功能上线_科技_环球网
·
es6学习之字符串的改进
·
Vue学习之动画钩子,Vuex的使用与购物车的展示实例
·
Vue学习之父子组件通讯,Vuex与购物车修改删,导航守卫解决权限路由问题详解
·
机器学习项目上线需要做哪些准备工作？
·
Vue学习之实例创建分析
·
学习进程的创建：进程的实际应用
·
前端学习之js、css外部文件的相对路径问题实例讲解
·
继承学习之类式继承、构造函数式继承、组合继承代码实例
·
前端学习之插入脚本（html）实例教程
返回顶部
