暂且当一个笔记记录的地方吧 - 梅梅哇

【摘要】另外一点,在一些浏览器中仅指定图片的宽度,可能会导致浏览器重新处理布局,调整页面的时间周期会增加两到三倍,虽然周期不到一毫秒,但是累积起来,尤其是页面上有很多个这样的元素的时候,还是或多或少会影响页面的性能。为了解决这个问题,可以显式的指定图片的height值为auto:img { max-w... 阅读全文

暂且当一个笔记记录的地方吧 - 梅梅哇

另外一点,在一些浏览器中仅指定图片的宽度,可能会导致浏览器重新处理布局,调整页面的时间周期会增加两到三倍,虽然周期不到一毫秒,但是累积起来,尤其是页面上有很多个这样的元素的时候,还是或多或少会影响页面的性能。为了解决这个问题,可以显式的指定图片的height值为auto:img { max-w...本文链接:暂且当一个笔记记录的地方吧,转载请注明。

解决IE6下浮动层固定定位的经典方法 - 梅梅哇

【摘要】解决IE6下浮动层固定定位的经典方法前段时间看到百度的一道面试题,说什么透明层无论滚动与否都满屏显示,其实就是对html和body标签做一番手脚,两者高度100%显示,同时溢出隐藏(overflow:hidden),然后用一个div高度100%系显示,溢出滚动。而这个透明层就使用绝对定位且与这个di... 阅读全文

解决IE6下浮动层固定定位的经典方法 - 梅梅哇

解决IE6下浮动层固定定位的经典方法前段时间看到百度的一道面试题,说什么透明层无论滚动与否都满屏显示,其实就是对html和body标签做一番手脚,两者高度100%显示,同时溢出隐藏(overflow:hidden),然后用一个div高度100%系显示,溢出滚动。而这个透明层就使用绝对定位且与这个di...本文链接:解决IE6下浮动层固定定位的经典方法,转载请注明。

边距折叠 - 梅梅哇

【摘要】发生折叠需要是相邻的非浮动元素;折叠发生在垂直外边距上,即margin-top/margin-bottom;折叠后取其中最大的那个margin值作为最终值;浮动元素不折叠。在水平书写模式下,发生margin折叠的是垂直方向,即margin-top/margin-bottom,在垂直书写模式下,mar... 阅读全文

边距折叠 - 梅梅哇

发生折叠需要是相邻的非浮动元素;折叠发生在垂直外边距上,即margin-top/margin-bottom;折叠后取其中最大的那个margin值作为最终值;浮动元素不折叠。在水平书写模式下,发生margin折叠的是垂直方向,即margin-top/margin-bottom,在垂直书写模式下,mar...本文链接:边距折叠,转载请注明。

关于ie6对齐 - 梅梅哇

【摘要】先来没有任何对齐时的样子:1、一种是在父级没有高度的情况下居中。给每个独立的元素都加上vertical-align:middle;针对文字可以不加,加与不加都可以居中对齐。但是无法做到绝对的居中对齐。可以忽略此处了。2、在父级有高度的情况下居中。 在高级浏览器中默认给父级来个line-height=父级已知高度,即可。 在ie6无效。 在ie6中: 现象一:(有文字混排的情况下) 解决办法:给每个元素都变成BFC,让其居中对齐即可。这里包括文字。 例:vertical

关于ie6对齐 - 梅梅哇

先来没有任何对齐时的样子:1、一种是在父级没有高度的情况下居中。给每个独立的元素都加上vertical-align:middle;针对文字可以不加,加与不加都可以居中对齐。但是无法做到绝对的居中对齐。可以忽略此处了。2、在父级有高度的情况下居中。 在高级浏览器中默认给父级来个line-height=父级已知高度,即可。 在ie6无效。 在ie6中: 现象一:(有文字混排的情况下) 解决办法:给每个元素都变成BFC,让其居中对齐即可。这里包括文字。 例:vertical-ali