![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css布局技巧
陈培鸿
这个作者很懒,什么都没留下…
展开
-
一个子元素固定宽度,另一个自适应宽度
方法一:.parent{display: flex;}.left{flex: 1;}.right{width: 100px;}方法二:.parent{position: relative;}.left{position: absolute;top: 0;left: 0;right: 100px;}.right{position: absolute;top...原创 2019-04-22 15:51:50 · 1245 阅读 · 0 评论 -
仅css,并考虑兼容低版本浏览器,如何实现横向滚动布局
父元素css:.parent{overflow-y: hidden;overflow-x: auto;white-space: nowrap;font-size: 0;}子元素css:.child{display: inline-block;font-size: 14px;}父元素中的(font-size: 0;)是为了让inline-block之间不会出现空隙;注意:子...原创 2019-04-22 15:34:15 · 101 阅读 · 0 评论