<bdo id='adi6l'></bdo><ul id='adi6l'></ul>

<small id='adi6l'></small><noframes id='adi6l'>

  • <tfoot id='adi6l'></tfoot>
    1. <legend id='adi6l'><style id='adi6l'><dir id='adi6l'><q id='adi6l'></q></dir></style></legend>
      <i id='adi6l'><tr id='adi6l'><dt id='adi6l'><q id='adi6l'><span id='adi6l'><b id='adi6l'><form id='adi6l'><ins id='adi6l'></ins><ul id='adi6l'></ul><sub id='adi6l'></sub></form><legend id='adi6l'></legend><bdo id='adi6l'><pre id='adi6l'><center id='adi6l'></center></pre></bdo></b><th id='adi6l'></th></span></q></dt></tr></i><div id='adi6l'><tfoot id='adi6l'></tfoot><dl id='adi6l'><fieldset id='adi6l'></fieldset></dl></div>

        IE6/IE7下绝对定位position:absolute和margin的冲突问题解决

        针对IE6/IE7下绝对定位position:absolute和margin的冲突问题,一般可以采取以下三种解决方式:
        <legend id='Kfrec'><style id='Kfrec'><dir id='Kfrec'><q id='Kfrec'></q></dir></style></legend>
            <tfoot id='Kfrec'></tfoot>

                <i id='Kfrec'><tr id='Kfrec'><dt id='Kfrec'><q id='Kfrec'><span id='Kfrec'><b id='Kfrec'><form id='Kfrec'><ins id='Kfrec'></ins><ul id='Kfrec'></ul><sub id='Kfrec'></sub></form><legend id='Kfrec'></legend><bdo id='Kfrec'><pre id='Kfrec'><center id='Kfrec'></center></pre></bdo></b><th id='Kfrec'></th></span></q></dt></tr></i><div id='Kfrec'><tfoot id='Kfrec'></tfoot><dl id='Kfrec'><fieldset id='Kfrec'></fieldset></dl></div>

              • <small id='Kfrec'></small><noframes id='Kfrec'>

                  <tbody id='Kfrec'></tbody>
                • <bdo id='Kfrec'></bdo><ul id='Kfrec'></ul>
                • 针对IE6/IE7下绝对定位position:absolute和margin的冲突问题,一般可以采取以下三种解决方式:

                  解决方式一:使用相对定位做包裹层

                  1. 首先,我们可以为需要布局的元素外层再套一层div,设置这个包裹层为position:relative;
                  <div style="position:relative;">
                    <div style="position:absolute;top:10px;left:10px;margin-right:50px;">我是需要定位的元素</div>
                  </div>
                  
                  1. 然后为需要定位的元素设置相对于父元素包裹层的绝对定位偏移量。
                  <div style="position:relative;">
                    <div style="position:absolute;top:10px;left:10px;margin-right:50px;">我是需要定位的元素</div>
                  </div>
                  

                  通过这种方式,我们可以避免绝对定位和margin的冲突问题。

                  解决方式二:调整绝对定位的left或top值

                  1. 同样是先为需要布局的元素设置绝对定位;
                  <div style="position:absolute;top:10px;left:10px;margin-right:50px;">我是需要定位的元素</div>
                  
                  1. 然后通过调整left或top的值来避免margin的影响。
                  <div style="position:absolute;top:10px;left:60px;">我是需要定位的元素</div>
                  

                  这种方式的优势在于比较简单,但是需要根据具体情况进行调整。

                  解决方式三:使用负边距

                  1. 同样先为需要布局的元素设置绝对定位和margin;
                  <div style="position:absolute;top:10px;left:10px;margin-right:50px;">我是需要定位的元素</div>
                  
                  1. 然后使用负边距将元素移回原来的位置。
                  <div style="position:absolute;top:10px;left:10px;margin-right:50px;margin-left:-50px;">我是需要定位的元素</div>
                  

                  这种方式的优势在于灵活,但是比较容易出现兼容性问题,需要谨慎使用。

                  综上,以上三种方式都可以解决IE6/IE7下绝对定位position:absolute和margin的冲突问题,开发者可以根据实际情况选择适合自己的方式来解决。

                  本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

                  相关文档推荐

                  下面是“背景图片自适应浏览器分辨率大小并自动拉伸全屏”的完整攻略。
                  下面是详细讲解“简单但很实用的5个CSS属性”的完整攻略:
                  以下是兼做美工之导航条制作过程分享的完整攻略:
                  JS 控制 CSS 样式表的方式主要有两种:通过修改样式属性来修改元素样式,以及通过切换 CSS 类名来切换元素样式。下面分别给出具体的步骤和示例说明。
                  实现首页动态视频背景,可以使用HTML5的video标签,下面是具体的示例代码和操作步骤:

                  <legend id='EiHLB'><style id='EiHLB'><dir id='EiHLB'><q id='EiHLB'></q></dir></style></legend>
                  <tfoot id='EiHLB'></tfoot>
                  1. <i id='EiHLB'><tr id='EiHLB'><dt id='EiHLB'><q id='EiHLB'><span id='EiHLB'><b id='EiHLB'><form id='EiHLB'><ins id='EiHLB'></ins><ul id='EiHLB'></ul><sub id='EiHLB'></sub></form><legend id='EiHLB'></legend><bdo id='EiHLB'><pre id='EiHLB'><center id='EiHLB'></center></pre></bdo></b><th id='EiHLB'></th></span></q></dt></tr></i><div id='EiHLB'><tfoot id='EiHLB'></tfoot><dl id='EiHLB'><fieldset id='EiHLB'></fieldset></dl></div>

                          <bdo id='EiHLB'></bdo><ul id='EiHLB'></ul>

                          <small id='EiHLB'></small><noframes id='EiHLB'>

                              <tbody id='EiHLB'></tbody>