![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html/css
文章平均质量分 81
kingarthas37
...
展开
-
div多栏自适应布局
在网页局部的布局上,需要采用大量的自适应,来满足不同长度数据、内容的合理呈现。以此保证页面不至于因为内容过多等原因,导致重叠、溢出、撑开等破坏整体视觉效果的情况。这里就简单谈谈几个自己碰到过的自适应问题。1、两栏自适应布局在实际项目中,常常遇到如红色线框部分的两栏自适应问题。其关键点是,左右两栏均不定宽,右侧栏条目数量不定。针对这种场景,可以采用两栏均浮动的方法。参考 Object-oriented CSS 中应用到的布局方案,则需要套用两层标签实现,两栏中一栏浮动,另一栏宽度自适应:原创 2010-08-12 15:13:00 · 506 阅读 · 0 评论 -
10步学习CSS定位
10步学习CSS定位: position static relative absolute float1. position:static元素的 position 属性默认值为:static,即该元素出现在文档的常规位置,不会重新定位。通常此属性值可以不设置,除非是要覆盖之前的定义。#div-1 { position:static; } 2. position:relative设置了 position:relative,便可以结合top 、 bottom、 left 、 right 的属性来偏移其转载 2010-11-03 18:16:00 · 300 阅读 · 0 评论