您的位置：首页 > 其它

宽度百分比单位的转换公式

2013-07-03 21:34 155 查看
目标宽度÷上下文宽度=结果(比例宽度)

当前元素的像素宽度÷当前元素的父元素的像素宽度=当前元素的百分比宽度

例如：

<div id=wrapper>
<header><header>
<section></section>
<aside></aside>
</div>


原CSS：

#wrapper {width:1000px;}
header {width:1000px;}
aside {width:220px;float:left;}
section {width:770px;float:right;}


百分比宽度CSS：

#wrapper {width:98%;}//指定外围宽度，数值随意
header{width:100%;}//套公式1000÷1000(这个1000是wrapper的宽度)=1=100%
aside{width:22%;float:left;}//套公式220÷1000=0.22=22%
section{width:77%;float:right;}//套公式 770÷1000=0.77=77%
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航