CSS学习笔记:使用绝对定位实现横向两列布局

来源:互联网 发布:湘南学院网络教学平台 编辑:程序博客网 时间:2024/06/15 20:46

使用absolute实现横向两列布局常用语一列固定宽度,另一列宽度自适应的情况。

主要应用技能:

relative---父属性相对定位      absolute---自适应宽度元素绝对定位

注意:固定宽度列的高度要大于自适应宽度的列。

因此当需要实现横向两列布局时可以使用float属性也可使用position属性(父属性position:relative,元素自身设置position:absolute top left等偏移属性)。

0 0
原创粉丝点击