CSS 网站比浏览器宽-Window

Question

如果您查看 this 页面，您会发现该网站比浏览器更宽-Window。

            <section id="grey1" class="wrapper_grey">
          <div id="impressions_grey">
            <h1>Auftrag</h1>
            <p>Du benötigst Hilfe bei einem Video oder Fotoprojekt?<br><br></p>

            <ul>
              <li><a>Imagefilm</a>        <img class="bubble" src="img/Imagefilm.png"/></li>
              <li><a>Fotoshooting</a>     <img class="bubble" src="img/Fotoshooting.png"/></li>
              <li><a>Bewerbungsvideo</a>  <img class="bubble" src="img/Interview.png"/></li>
              <li><a>Actionvideo</a>      <img class="bubble" src="img/Action.png"/></li>
            </ul>
          </div>
        </section>

此代码导致问题。我将文本放在中间 CSS:

#grey1{
background-repeat: no-repeat;
background-size: cover;
background-position: center;

/* Setzt Textbereich in (vertikale) Mitte */
display:flex;
align-items: center;
}

#grey1 ul{
float: left;
position: relative;
left: 50%;
margin: 0 auto;
padding: 0;
list-style: none;
text-align: center;
}

#grey1 li{
float: left;
position: relative;
right: 50%;
margin: 1em 2em; /*Platz um Bereich*/
}

#grey1 li a{
width: auto;
display: block;
padding: 6px 10px; /*Platz in Box*/

color: white;
font-size: 20px; /Schriftgröße*/
text-decoration: none;

-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;

border-color: white;
border-width: 2px;
border-style: solid;
border-radius: 40px;
}

现在 ul 胜过我的浏览器-Window。如何将其宽度设为 100%？

使用 overflow-x: hidden 在移动设备上不起作用！

Answer 1

#grey1{
  position: relative;
  padding: 50px 0;
}
#grey1 ul{
 list-style: none;
 margin: 0;
 padding: 0;
 text-align: center;
}
#grey1 li{
  display: inline-block;
  padding: 20px;
}
#grey1 li a{
  display: block;
  padding: 6px 10px;
  color: white;
  font-size: 20px;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: 2px solid #fff;
  border-radius: 40px;
}

"Please apply same css for 'Technik' section aswell."

CSS 网站比浏览器宽-Window

CSS Website wider than Browser-Window

html

javascript

css

width

web