定位问题

2024-04-27 15:15:45

字体：大中小

来源：转载

供稿：网友

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>定位问题</title> <style type="text/CSS"> /*.wrap{width: 300px;height:100px;border: 1px solid black;overflow: hidden;} .content{width: 200px;height: 200px;background: red;position: relative;} */ .wrap{width: 301px;height: 301px;border:1px solid black;position: relative;} .content{width: 50px;height: 50px;background: #7c1;position: absolute;left: 0;top:0;} /* 相对定位的问题：当子级设置了position:relative；在IE6下父级的overfhidden就包不住子级了，overflow:hidden;会失效绝对定位的问题：在 IE6 下定位元素的父级宽高都为奇数那么在 IE6 下定位元素的 right 和 bottom 都有1像素的偏差 */ </style></head><body> <div class="wrap"> <div class="content"></div> </div></body></html>

上一篇：CSS Reset

下一篇：移动Web单页应用开发实践——页面结构化