<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的冲突问题解决

        时间:2023-12-14
        <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的冲突问题,开发者可以根据实际情况选择适合自己的方式来解决。

                  上一篇:用CSS遮罩实现过渡效果的示例代码 下一篇:仿网易nec首页动画效果(实现原理+代码)

                  相关文章

                  <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'>