操作方法
今天本来打算个头部固定两边无限延伸的横条,可是当设置2层结构第二层设置宽度并居中发现不兼容IE7 详情如下: 案例代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css">*{ margin:0px; padding:0px;}.a{ position:fixed; height:40px; background:#1B2A38; width:100%; color:#fff;}.b{ width:980px; margin:0 auto;}</style></head><body><div class="test"> <div class="a">IE7设置position:fixed属性后宽度无法100%延伸</div> <div class="b"> b </div></div></body></html> IE7下运行效果图: 解决办法: 在a样式中添加一个left:0属性就能搞定了. 修改后效果图: