Question

我正在努力建立我的第一个网站。我想知道为什么当我到处设置值0时，我有一个巨大的右边距。

这是我的HTML代码：

$products = (Auth::user()->products)->newQuery();

if($request->get('category')){
  $products->whereHas('category',function($q) use($request){
     $q->where('category_id',$request->get('category'));
  });
}

$products = $query->get();

CSS代码：

<!DOCTYPE html>
<html>
  <head>
    .........
  </head>
  <body>
    <header>
      <div class="container">
         <div id="branding">
          <h1>AUTO SERVICE</h1>
          <h2>zoo</h2>
        </div>
      </div>
    </header>
  </body>
</html>

/ 全局 /

body {
  font: 15px/1.5 Arial, Helvetica, sans-serif;
  padding:0;
  margin:0;
  background-color:#f4f4f4;
}

/ 标题 /

.container {
  width: 80%;
  margin-left: 20px;
  margin-right: 0px;
  padding: 0;
  overflow: hidden;
  text-align: center;
}

/ 品牌 /

header{
  background: #03244D;
  color: #9AA7B7;
  padding-top: 10px;
  min-height: 70px;
  line-height: 0.5;
}

我很感激任何建议。

Answer 1

您的容器设置为仅80％宽度。剩余的20％，左边距为20像素，可能是你右边的边距。尝试在CSS中更改容器的宽度，看看是否有帮助。

巨大的右边距html / css

1 个答案: