考虑以下标记:
<!DOCTYPE html>
<html>
<head>
<title>Test Page</title>
<link href="screen.css" rel="stylesheet" />
</head>
<body>
<h1>Test</h1>
<h3>Description</h3>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
而CSS:
h3{
margin-top: -25px;
}
Run Code Online (Sandbox Code Playgroud)
现在,我希望H3有一个余量,但是H1很长,并且它始终是20px.所以,如果我有一个长度为200px的H1块,那么H3的剩余边距为220px,依此类推.我该怎么做?
我想你真正想要的是:
h1 {
display: inline;
}
h3 {
display: inline;
margin-left: 20px;
}
Run Code Online (Sandbox Code Playgroud)