如何让左边这个div和搜索这个div完全对齐啊（用了对应的属性还是不行）可以忽略其他部分只帮我看一下搜索框这两个div对齐就可以了谢谢-CSDN博客

本文链接：https://blog.csdn.net/2301_78200098/article/details/134999251

自己写的代码如下：

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

</ul>

</ul>

</div>

</div>

</ul>

</div><div class="sousuo">

</div>

<ul class="rmssc">热门搜索词:

</ul>

</div>

</div>

<li>半小时生活圈</li>

<li>你身边的超市</li>

</ul>

</div>

<ul>

</ul>

</div>

</body>

</html>

css代码如下：

padding:0;

margin:0;

}

ul{

list-style:none;

}

.top{

background-color: #EDEDED;

height:30px;

}

.top ul{

display:flex;

}

.top-left{

float: left;

}

.top-left li{

margin-right: 8px;

margin-top:3px;

}

.top-right{

float: right;

}

.top-right li{

margin-top:3px;

margin-right: 8px;

}

.container-left{

float:left;

margin-left:15px;

margin-right:150px;

}

.container-center{

margin:0 auto;

position:relative;

margin-top:15px;

display: inline-block;

}

.cpxx{

display: flex;

}

.cpxx li{

margin-right:6px;

height:30px;

width:60px;

background-color: #90B830;

text-align: center;

color:aliceblue;

}

.container-box{

width:450px;

height:30px;

border:3px solid #90B830;

display:inline-block;

position: relative;

}

.sousuo{

display:inline-block;

width:80px;

height:30px;

border:3px solid #90B830;

background-color: #90B830;

color: aliceblue;

text-align:center;

}

.rmssc{

display: flex;

color:gray;

}

.rmssc li{

margin-right:8px;

}

.container-right{

display: flex;

float: right;

margin-top:30px;

}

.container-one{

padding-top:20px;

}

.title{

background-color: #90B830;

}

.title li{

display:inline-block;

height:30px;

color:aliceblue;

margin-right: 8px;

text-align: center;

margin-top:8px;

padding-left:0px;

}

如何让左边这个div和搜索这个div完全对齐啊（用了对应的属性还是不行）可以忽略其他部分 只帮我看一下搜索框这两个div对齐就可以了 谢谢

如何让左边这个div和搜索这个div完全对齐啊（用了对应的属性还是不行）可以忽略其他部分只帮我看一下搜索框这两个div对齐就可以了谢谢