浮動的子盒子可以margin離開父盒子
阿新 • • 發佈：2022-04-14
<body>
<div id="nav">
<div class="container">
<div id="logo">123</div>
<div id="main-nav">124</div>
<div id="three">123</div>
<div id="four">125</div>
</div>
</div>
</body>
</html>css
#nav {
height: 150px;
border: 1px solid red;
}
.container {
width: 1000px;
margin: 0 auto;
}
.container #logo {
width: 120px;
height: 100px;
background-color: #dcdcdc;
margin-top: 20px;
float: left;
}
.container #main-nav,#three,#four {
width: 120px;
height: 100px;
background-color: #dcdcdc;
float: left;
margin-left: 40px;
margin-top: 35px;
}
/*global css頁面公用樣式*/
</style>