我的导航栏（例如940px）包含3个div：
每个div的背景/不透明度都不同，它们之间不得重叠。
他是我需要的东西：
+------------------+-------------------------------------------+-----------------+
| MENU | INPUT TYPE TEXT (width: 100%) | LOGO |
+------------------+-------------------------------------------+-----------------+
您有关于如何执行此操作的想法吗？提前致谢。
不要漂浮在中心<div>。如果将其移动到浮动元素下方，它将位于浮动元素之间。添加overflow: hidden到中间元素可防止其在浮动元素下方流动。
您示例中的HTML：
<div class="container">
<div class="left">menu1 menu2 menu3</div>
<div class="right">right</div>
<div class="center">
<input type="text" class="form-control" />
</div>
</div>
和CSS：
.container {
width: 400px;
height: 100px;
background-color: red;
}
.left {
height: 100px;
background: green;
float: left;
}
.center {
height: 500px;
background: blue;
overflow: hidden;
}
.right {
width: 50px;
height: 100px;
background: yellow;
float: right;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句