定位单像素bug的修改。
在IE浏览器中是不支持单像素定位的。
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title> </title> | |
| <style> | |
| .box{ | |
| background-color: red; | |
| width: 497px; | |
| height: 245px; | |
| position: relative; | |
| } | |
| .cont{ | |
| position: absolute; | |
| bottom: 0; right: 0; | |
| _bottom:-1px; _right:-1px; | |
| width: 100px; | |
| height: 100px; | |
| background-color: green; | |
| } | |
| /* | |
| 在ie6中，如果被参考的元素（有定位 的父级） | |
| 如果是单数（奇数） ie6则无法参考到实际的位置 | |
| 解决：如果布局允许 可以改成双数 | |
| 不允许： 用 hack | |
| _属性:值; | |
| 只有IE6 认识 | |
| */ | |
| </style> | |
| </head> | |
| <body> | |
| <div class="box"> | |
| <div class="cont"></div> | |
| </div> | |
| </body> | |
| </html> |
