div该如何布局
css怎么给div弄
在div里面怎么弄
.left {
height: 100%;
background: #FF6347;
}
.right {
height: 100%;
background: #FFD700;
}
你好,你的问题属于比较简单的基础问题。
我的建议是一行设置两个box,将左边的box设置为导航栏,建议设置二级菜单,也可以限定宽度,就不用二级菜单了。
右边box设置轮播图,设置好宽度高度。
可利用float来实现两个box在一行,也可以使用其他的办法。
简单给你写了个布局,记得采纳
<!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>