Я могу прокрутить вниз, но нет контента - PullRequest
Новая
       1

Я могу прокрутить вниз, но нет контента

0 голосов
/ 24 марта 2020

Так что моя проблема в том, что вы можете прокрутить вниз, даже если там нет контента. Как будто это просто пусто. Вот мой код: 

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="style.css">
    <title>Mr.Shisha | Homepage</title>
  </head>
  <body>
    <div align="center">
    <h1 style="font-size: 112px;">Mr. Shisha</h1>
      </div>
      <nav>
    <div style="position: relative; left: 650px;"class="dropdown">
<a href="index.html"><button class="dropbtn">Shishas</button></a>
  <div style="position relative; left: -40px;"class="dropdown-content">
    <a href="#">Link 1</a>
    <a href="#">Link 2</a>
    <a href="#">Link 3</a>
    <a href="#">Link 4</a>
    <a href="#">Link 5</a>
    <a href="#">Link 6</a>
  </div>
</div>
<div style="position: relative; left: 700px;"class="dropdown">
<a href="index.html"><button class="dropbtn">Tabak</button></a>
<div style="position relative; right: -40px;"class="dropdown-content">
<a href="#">Link 1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
<a href="#">Link 4</a>
<a href="#">Link 5</a>
<a href="#">Link 6</a>
</div>
</div>
<div style="position: relative; left: 750px;"class="dropdown">
<a href="index.html"><button class="dropbtn">Kohle</button></a>
<div style="position relative; left: -40px;"class="dropdown-content">
<a href="#">Link 1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
<a href="#">Link 4</a>
<a href="#">Link 5</a>
<a href="#">Link 6</a>
</div>
</div>
<div style="position: relative; left: 800px;"class="dropdown">
<a href="index.html"><button class="dropbtn">Bongs</button></a>
<div style="position relative; left: -40px;"class="dropdown-content">
<a href="#">Link 1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
<a href="#">Link 4</a>
<a href="#">Link 5</a>
<a href="#">Link 6</a>
</div>
</div>
<div style="position: relative; left: 850px;"class="dropdown">
<a href="index.html"><button class="dropbtn">Zubehör</button></a>
<div style="position relative; left: -40px;"class="dropdown-content">
<a href="#">Link 1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
<a href="#">Link 4</a>
<a href="#">Link 5</a>
<a href="#">Link 6</a>
</div>
</div>
</nav>
<div style="position: relative; left: 1815px;"class="div1"></div>
<div class="round" style="; position: relative; bottom: 340px; left: 1825px;">
<a href="https://facebook.com/mr.shisha11" target="_blank"><img src="p/f.png" width="80px"></a></div>
<a style="position: relative;left: 1825px; bottom: 310px;"href = "mailto: mr.s@yahoo.com"><img src="p/e.png" width="80px"></a>
<div style="position: relative; bottom: 270px; left: 1825px;">
<a href="https://www.google.com/maps?cid=9446396123572628496" target="_blank"><img src="p/s.png" width="80px"></a></div>
<img class="img1" src="p/wi.gif">
<div style="position: relative; bottom: 1250px; left: 20px;"class="div2"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
  </body>

Я не лучший в HTML / CSS Я это знаю. Я ничего не нашел об этой проблеме в Интернете. Возможно ли, что когда вы используете слишком много div или что-то в этом роде, это происходит? Или у меня CSS проблема с моим HTML в порядке? Изменить: Вот ссылка netlify: https://jolly-roentgen-d0fc0f.netlify.com/

1 Ответ

1 голос
/ 24 марта 2020

По крайней мере, в одном месте есть проблема 

<div style="position: relative; bottom: 1250px; left: 20px;"class="div2"></div>

Удалите это основание: 1250px и все остальные основания, которые у вас есть, и я думаю, у вас больше не будет проблемы с прокруткой

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...