css 在节中而不是在正文中定义页面宽度

ttisahbt 于 2022-12-24 发布在其他

关注(0)|答案(1)|浏览(150)

我希望我的页面有一个固定的宽度，比如说1440 px。我通常把宽度放在正文中，它适用于所有元素。在我的新项目中，我需要有一个白色背景的部分，宽度固定使它只有1440 px是白色的。我设法解决了这个问题，从正文中删除宽度，并创建一个类：

.width-fix {
  width: 144rem;
  margin: 0 auto;
  padding: 0 1.2rem;
}

我将该类设置为附加到每个不需要着色的部分。
这是正确的解决方法还是有更好的方法？目前它的工作原理就像一个魅力。
我开始学习HTML/CSS 2周前，对不起，如果它的愚蠢的问题

**编辑：用于说明的图像x1c 0d1x

css

来源：https://stackoverflow.com/questions/74889653/defining-width-of-page-in-section-rather-than-in-body

1条答案

按热度按时间

db2dz4w81#

是的，我通常使用container或section之类的类名来实现所有最通用的默认样式。每个元素都被打包在一个section中，它包含正确的背景色，并有一个div，其中包含用于正确宽度、边距和填充的container。
比如说

.block {
 background-color: green;
 }
 .container {
 max-width: 1440px;
 margin: 0 auto;
 padding: 25px;
 }
 <section class="block">
 <div class="container">
 
 </div>
 </section>

赞(0）回复(0）举报 2022-12-24

我来回答

css 在节中而不是在正文中定义页面宽度

1条答案

相关问题

热门标签

最新问答