`
presses
  • 浏览: 119869 次
  • 性别: Icon_minigender_1
  • 来自: 中山
社区版块
存档分类
最新评论

布局-ie6下的top和bottom不能同时起作用。

IE 
阅读更多
一、使用position+top/bottom/left/right布局时可以忽略block元素换行的影响。

二、浮动布局在三列的情况下不能实现左右两列固定大小，中间填充的效果。(postion可以）。

三、使用position布局时，在IE6中，对同一对像不能同时使用top/bottom，但可以同时使用left/right。

四、使用position布局时应该先在父容器中设置好position:absolute，然后在本对像中也设置好position:absolute。

五、三列布局，且左右两边大小固定，中间填充的方法是左边设置top/left,右边设置right/top。而中间设置top/left/right，并且一定要把width设为100%。

六、在ie6中需要在body中设置height:100%才能在垂直布局中使对像申展到预期frame的大小。

七、关于ie hack。ie7只认*，ie6认_和*。
分享到：
| 11. TYPE, STYLES & TYPOGRAPHY
评论
1 楼 yangxue_521521 2014-01-03  
第4条，我有异议，父容器应该设置position:relative ,同级设置 position:absolute ，应该是这样吧
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Day05-CSS布局-盒子模型

    在网页设计中，CSS（Cascading Style Sheets）布局扮演着至关重要的角色，而盒子模型是...通过实践和不断学习，开发者可以进一步掌握更高级的CSS布局技术，如Flexbox和Grid布局，这些都是现代网页设计不可或缺的工具。

    垂直居中布局 Vertical-aligned 应用测试：兼容IE6/8/FF

    "垂直居中布局 Vertical-aligned 应用测试：兼容IE6/8/FF"这个主题涉及到如何在各种浏览器环境下，包括Firefox和较旧的Internet Explorer版本，实现元素的完美垂直居中。 在CSS中，传统的垂直居中方法可能包括使用...

    IE6下fixed实现头部定位

    总的来说，解决IE6下的`fixed`定位问题需要对CSS和JavaScript有深入的理解，以及对老版本浏览器特性的熟悉。虽然现在IE6的使用率已经非常低，但对于那些仍需支持它的网站，这些解决方案仍然具有价值。通过学习和应用...

    CSS的下拉菜单,支持IE6 IE7 Firefox

    ### CSS的下拉菜单，支持IE6 IE7 Firefox ...通过合理的CSS布局和样式设置，结合对特定浏览器的兼容性处理，该方案能够有效地在多种浏览器环境下正常工作。这对于需要支持旧版浏览器的项目来说非常有用。

    IE不支持的集中css

    Outline属性在不改变元素布局的情况下提供边框，这对于调试非常有用。然而，IE6和IE7不支持此属性，因此在这些浏览器中无法用作调试工具。 2. **Inherit（值）** Inherit值允许元素继承其父元素的某些样式，减少...

    ie6下定位bug解决

    在其他现代浏览器中，CSS的`position`属性如`relative`、`absolute`和`fixed`能很好地实现元素的定位，但在IE6中，这些属性的处理方式却大不相同，导致开发者需要进行特殊的“hack”来解决这些问题。 首先，IE6不...

    CSS教程:网页布局定位及z-index解释

    在网页设计中，CSS（Cascading Style Sheets）起着至关重要的作用，它负责定义页面的样式和布局。本文将深入探讨CSS中的两个关键概念——网页布局定位与`z-index`属性，帮助你理解如何有效地控制元素在页面上的位置...

    ie6,ie7兼容性总结

    **问题描述**：在IE6下，如果为浮动容器定义了`margin-left`或`margin-right`属性，则实际的效果将是定义值的两倍。 **解决方案**：可以通过给浮动容器定义`display:inline`来解决此问题。 ##### 5. Mirror Margin...

    CSS之IE BUG分析与解决

    - IE6中的`hasLayout`机制可能导致布局问题，表现为元素尺寸计算不正确。通过设置`zoom:1;`或改变元素的某些属性（如`width`、`height`、`float`等）可以触发`hasLayout`，从而解决问题。 8. `lay-out`错误 - 在...

    滤镜问题-FireFox火狐浏览器与IE的对比分析

    - `*-moz-border-bottom-colors`: 设置边框底部的颜色渐变。 - `*-moz-border-left-colors`: 设置边框左侧的颜色渐变。 - `*-moz-border-radius`: 设置圆角边框。 - `*-moz-border-radius-bottomleft`: 设置左下...

    margin-left和right失效(斯芬克斯)之谜

    通常这种情况发生在垂直方向上，即`margin-top`和`margin-bottom`。但是，本文讨论的是水平方向上的`margin-left`和`margin-right`失效问题。 #### 二、margin-left/right 失效的现象及原因 **现象：** 在某些情况...

    margin值在IE6变成双倍

    这种现象并不影响垂直方向的外边距（margin-top 和 margin-bottom）。 这个问题的出现主要是由于IE6对盒模型的理解与W3C标准不一致导致的。IE6使用的是“怪异盒模型”（Quirks Mode），其中元素的宽度包括了内边距...

    全屏css+DIV页面上中下三行布局,兼容各浏览器中间居中显示

    同时，为了兼容不支持Flexbox的旧版浏览器，可以使用传统的CSS方法，如使用position: absolute结合top和bottom属性，或者利用table-cell布局。 在HTML文件"全屏页面三行布局,兼容.htm"中，应该包含了实现这种布局的...

    第52章 布局相关的样式-盒布局

    - `padding`、`padding-top`、`padding-right`、`padding-bottom` 和 `padding-left` 控制内填充。 - `border-width`、`border-style` 和 `border-color` 用于定义边框的宽度、样式和颜色。 - `margin`、`margin-top...

    IE6,IE7,FF等浏览器不兼容原因及解决办法

    - **问题描述**：在IE6中，当外层元素内含有浮动元素时，如果外层元素定义了`margin-top`，那么它还会自动生成一个等同的`margin-bottom`。 - **解决办法**：可以在外层元素上设置`border`或`float`属性来避免这个...

    垂直居中ie8+

    在IE8+支持CSS的多种方法，使得开发者能够灵活地处理不同场景下的垂直居中问题。下面我们将详细探讨几种主要的垂直居中技术及其应用。 1. **表格布局（Table-Cell Display）** 使用CSS的`display`属性设置为`table...

    IE6下fixed实现新浪微博头部定位

    总之，在IE6下实现类似新浪微博头部的固定定位是一项挑战，需要结合`expression`、`iframe`、`hasLayout`等技术，并注意性能和兼容性的优化。通过不断实践和调试，我们可以使老旧的浏览器也能呈现出接近现代浏览器的...

Magicbox
Global site tag (gtag.js) - Google Analytics