想问下大家为什么这两个代码一模一样,出来的效果却不一样呀?
```html
<html>
<head>
<style>
#container {
border: 1px solid red;
display: grid;
grid-template-columns: 2fr 1fr 1fr;
}
#container div {
border: 1px solid blue;
}
</style>
</head>
<body>
<div id="container">
<div>One</div>
<div>Two</div>
<div>Three</div>
<div>Four</div>
</div>
</body>
</html>
<html>
<head>
<style>
#container {
border: 1px solid red;
display: grid;
grid-template-columns: 2fr 1fr 1fr;
}
#container div {
border: 1px solid blue;
}
</style>
</head>
<body>
<div id="container">
<div>One</div>
<div>Two</div>
<div>Three</div>
<div>Four</div>
</div>
</body>
</html>
```