Question

我需要帮助。我的问题是，我尝试将所有文本和图像移动到网页的一侧并离开导航栏。然而，我的导航栏随文本一起移动。我将把我的代码放在下面。

问题 - i.stack.imgur。（COM）/ rLIjl。（PNG） HTML的 my html

Answer 1

尝试使用css规则：

ul.navbar { position: static }

Answer 2

目前尚不清楚你想要实现什么，但我认为你试图将导航栏和文本放在一起。为此，您可以使用：

<div style="float:[right/left];">
<!-- your content -->
</div>

使您的内容向右或向左浮动。
在这种情况下，这可能是解决您问题的可能方法：

<强> HTML

<html>
<head>
  <link rel="stylesheet" type="text/css" href="prova-css.css">
</head>
<body>

<div style="float:left;">
  <img src="img.jpg" style="width:191px;height:158px;">

  <ul class="navbar">
    <li><a href="">First</a></li>
    <li><a href="">Second</a></li>
    <li><a href="">Third</a></li>
  </ul>
</div>
<div style="float:right; width:70%;">
  <h1>Title</h1>

  <p>Welcome to Shoe Nation!
  <p>(This site is currently under construnction)

  <adress>Something</adress>
</div>

</body>
</html>

<强> CSS

body {
  padding-left: 11em;
  background-color:#FAEAD3;
  color:#FF3B3F;
}

ul.navbar {
  list-style-type: none;
  margin: 0;
  padding: 50px;
}

导航栏不会停留在网页的一侧

2 个答案: