Question

我使用语义ui为垂直菜单栏编写了一个代码..但它没有被拉伸到整个页面..所以我如何拉伸垂直菜单？任何人都可以帮我解决这个问题吗？

<!DOCTYPE html>
  <html>
  <head>
  <title>Contact Page</title>
  </head>
  <link rel="stylesheet" type="text/css" href="css/semantic.min.css">
  <script src="js/jquery.min.js"></script>
<script src="js/semantic.min.js"></script>
<script src="js/scrip.js"></script>
<body>
<div class="ui vertical inverted icon menu">
  <a class="red item">
    <i class="mail icon"></i>
  </a>
  <a class="teal item">
    <i class="lab icon"></i>
  </a>
  <a class="green item">
    <i class="star icon"></i>Vertical menu
  </a>
</div>
</body>
</html>

我用垂直菜单的语义ui编写了上面的代码。问题是我的菜单没有拉到整个页面...... 这是我的垂直菜单截图，当我尝试运行我的代码时，我得到了什么。

我希望我的垂直菜单采用以下格式

垂直菜单完全拉伸到我的页面

Answer 1

你需要添加这两个类：left fixed

<!DOCTYPE html>
<html>
<head>
    <title>Contact Page</title>
    <link rel="stylesheet" type="text/css" href="css/semantic.min.css">
</head>

<body>
    <div class="ui left fixed vertical inverted icon menu">
        <a class="red item"><i class="mail icon"></i></a>
        <a class="teal item"><i class="lab icon"></i></a>
        <a class="green item"><i class="star icon"></i></a>
    </div>

    <script src="js/jquery.min.js"></script>
    <script src="js/semantic.min.js"></script>
</body>
</html>

我使用语义ui为垂直菜单栏编写了一个代码..但它没有延伸到整个页面..那么我如何拉伸垂直菜单？

1 个答案: