CSS CSS布局 - 基于百分比

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS CSS布局 - 基于百分比相关的知识,希望对你有一定的参考价值。

.one_half{ width:48%; }
.one_third{ width:30.66%; }
.two_third{ width:65.33%; }
.one_fourth{ width:22%; }
.three_fourth{ width:74%; }
.one_fifth{ width:16.8%; }
.two_fifth{ width:37.6%; }
.three_fifth{ width:58.4%; }
.four_fifth{ width:67.2%; }
.one_sixth{ width:13.33%; }
.five_sixth{ width:82.67%; }
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:4%; float:left; }
.last{ margin-right:0 !important; clear:right; }
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}

以上是关于CSS CSS布局 - 基于百分比的主要内容,如果未能解决你的问题,请参考以下文章

css布局-百分比布局

常见的CSS布局单位

div css布局网页如何实现网页自动适应屏幕高度和宽度

css布局总体

css里如何让div水平平均分布以至于放大缩小界面都不会改变位置

CSS的百分比布局如何解决Padding,margin,border问题