IE7设置position:fixed属性后宽度无法100%延伸

操作方法

  • 01

    今天本来打算个头部固定两边无限延伸的横条,可是当设置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属性就能搞定了. 修改后效果图:

(0)

相关推荐

  • 实例详解CSS中position的fixed属性使用

    关于fixed属性,在什么情况下需要用,怎么用,首先,我们应该先了解下fixed属性的说明:fixed总是以body为定位时的对象,总是根据浏览器的窗口来进行元素的定位,通过"left&qu ...

  • WinXP设置屏保密码后不生效怎么办?

    现在的人们越来越重视电脑的安全问题了,设置屏保密码已经是最平常的设置了,这是保护电脑安全问题的第一步.但是有不少人反映说,在XP系统里设置了屏保密码之后,恢复使用之时却无法显示密码了,这是怎么回事呢? ...

  • 如何设置打印机的属性

    有很多小伙伴都在使用打印机,为了打印出的内容更加符合自己的想法,因此想要设置打印机的属性,但是却不知道如何设置,那么小编就来为大家介绍一下吧.具体如下:1. 第一步,双击或者右击打开控制面板图标.2. ...

  • 怎么在360浏览器中设置所有标签使用同样宽度

    今天给大家介绍一下怎么在360浏览器中设置所有标签使用同样宽度的具体操作步骤.1. 首先打开电脑,找到桌面上的360安全浏览器的图标,双击打开2. 进入主页面后,点击右上角的三横主菜单图标3. 在打开 ...

  • 怎么设置微软拼音候选窗口宽度

    微软拼音是Windows系统自带的输入软件,有些用户想知道怎么设置微软拼音候选窗口宽度,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步打开[设置]窗口,根据下图箭头所指,点击[时 ...

  • 如何给笔记本电脑设置合上盖子后不断开无线网络

    我们在使用笔记本电脑的时候,经常关闭盖子后,出现断网的情况,如果不希望断网,该怎么操作呢?今天就跟大家介绍一下如何给笔记本电脑设置合上盖子后不断开无线网络的具体操作步骤.1. 首先打开电脑,找到任务栏 ...

  • win10系统如何设置以太网网络属性

    现在大部分电脑都是win10系统,有些新用户不知道如何设置以太网网络属性,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步根据下图箭头所指,点击任务栏[网络]图标.2. 第二步在弹 ...

  • 如何设置鼠标的属性?

    我们在使用电脑的过程中,鼠标是一个必不可少的利器,有的朋友是左撇子,如果鼠标按照正常的设置的话使用起来会很不方便,下面就顺带给这些朋友解决这个问题. 操作方法 01 打开"我的电脑/计算机& ...

  • Excel中如何设置标题栏的属性

    在学生信息表中,单元格表格是主体部分.因此,用户有必要设置工作表中单元格的属性,那就来一步一步告诉你怎么做吧 操作方法 01 第一步,设置字体对齐方式.选择单元格范围A2:E18,然后单击鼠标右键,弹 ...