时间:2021-05-08
复制代码代码如下:
<style>
#demo{
margin: 0 auto;
width: 1000px;
height: 500px;
background: #eee;
overflow: hidden;
}
#demo p{
margin:10% 1%;
background: #ccc;
}
</style>
<div id="demo">
<p>我是一个p哦</p>
</div>
margin:10% 1%;
横向显示的按宽度算
垂直显示是按高度算
留作纪念。多解释。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
弹性布局主要使用em和rem作为元素单位,rem以HTML根元素大小为参照物进行计算,解决了百分比计算上的缺陷,使网页设计更加便捷高效。单纯的rem不能实现响应
当position为absolue时候,其相关属性的百分比是相对它参考的元素(包含块)来进行计算并进行位置渲染的。首先我们必须知道:1、[百分比的参照][1]:
1.元素的width/height/padding/margin的百分比基准设置一个元素width/height/padding/margin的百分比的时候,大
1.元素的width/height/padding/margin的百分比基准设置一个元素width/height/padding/margin的百分比的时候,大
主要属性:效果图:ml:百分比是30,并在进度条右侧显示百分比百分比是40,进度条线的宽度12px百分比是60,进度条颜色:pink百分比是80,进度条从左往右