正确书写格式，width:calc((100% - 200px) * 1/2)
优点：可以随着页面改变而改变，不会影响整体结构，且比例更加精准
以下以此类推
注意：加"+" 减"-" 乘"*" 除"/"，且运算符号与两边数字或括号有一个空格，
下面是进阶版：
---------------------------------------------------------------------------------------------------
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
body>div:first-child{
background-color: #e8e2e2;
width: calc((100% -200px) * 1/2);
height: calc((100% -200px) * 1/2);
margin-left: calc(((100% -200px) * 1/2) * 1/2);
}
</style>
</head>
<body>
<div></div>
</body>
不懂私信在下
扫一扫
141
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
