Question

我制作了一些与Youtube类似的网站供学习。

当在youtube main中减少浏览器的大小时，它的左右边距也会减少。

它有什么CSS技巧吗？

也许我必须使用保证金：auto，但我不确切知道我必须做什么。

我的布局在这里 - ＆gt;

<div class="wrap">
   <div class="section">
      123
   </div>
</div>

换行的高度和宽度为100％，且部分为margin-left: 75px;，margin-right: 75px;

感谢。

Answer 1

margin: 0 auto;是要走的路：

＆＃13;

.wrap {
width: 100%;
background: red;
}

.section {
width: calc(100% - 150px);
margin: 0 auto;
height: 100vh;
background: orange;
}

＆＃13;

<div class="wrap">
   <div class="section">
      123
   </div>
</div>

＆＃13;

Answer 2

.wrap {
width: 100%;
background: #bababa;
}

.section {
width: calc(100% - 75px);
margin: 0 auto;
height: 100vh;
background: #7b7b7b;
color:#fff;
font-size:18px;
text-align:center;
line-height:100vh;
}

<div class="wrap">
  <div class="section">123</div>
</div>

响应保证金在css

2 个答案: