随笔档案「2020年3月」 - yyy_鸳鸯

03 2020 档案

摘要：三列布局，中间宽度自适应，两边定宽；中间栏要在浏览器中优先展示渲染；允许任意列的高度最高； 1. 绝对定位原理就是将左右两边的元素设置为绝对定位，中间的元素设置其左右的margin值为左右两个元素的宽度 <!DOCTYPE html> <html lang="en"> <head> <meta 阅读全文

posted @ 2020-03-03 20:52 yyy_鸳鸯阅读(284) 评论(0) 推荐(0)

CSS: 实现两栏布局，左边固定，右边自适应的4种方法

摘要：1. float+overflow:hidden 这种办法主要通过 overflow 触发 BFC,而 BFC 不会重叠浮动元素。由于设置 overflow:hidden 并不会触发 IE6-浏览器的 haslayout 属性，所以需要设置 zoom:1 来兼容 IE6-浏览器。具体代码如下： <! 阅读全文

posted @ 2020-03-02 17:10 yyy_鸳鸯阅读(2824) 评论(0) 推荐(0)