有没有左边导航栏,右边轮播图,如何解决?

div该如何布局
css怎么给div弄
在div里面怎么弄

  • {
    margin: 0;
    padding: 0;
    border: none;
    }
    .outer {
    height: 100px;
    margin-bottom: 20px;
    }

.left {
height: 100%;
background: #FF6347;
}

.right {
height: 100%;
background: #FFD700;
}

你好,你的问题属于比较简单的基础问题。
我的建议是一行设置两个box,将左边的box设置为导航栏,建议设置二级菜单,也可以限定宽度,就不用二级菜单了。
右边box设置轮播图,设置好宽度高度。
可利用float来实现两个box在一行,也可以使用其他的办法。

简单给你写了个布局,记得采纳

img

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <div class="outer">
    <div class="left"></div>
    <div class="right"></div>
  </div>
</body>
<style>
  .outer{
    height: 400px;
    width: 800px;
    display: flex;
  }
  .left{
    width: 250px;
    background-color: #000;
  }
  .right{
    flex: 1;
    background-color: red;
  }
</style>
</html>