雙飛翼式佈局

時間 2019-11-16

標籤雙飛佈局简体版

原文原文鏈接

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>雙飛翼佈局</title>
<style>
#main{
float: left;
width: 100%;
}
#main-content{
margin: 0 200px;
height: 500px;
background-color: red;
text-align: center;
}
.left{
float: left;
width: 200px;
height: 500px;
margin-left: -100%;
background-color: blue;
text-align: center;
}
.right{
float: left;
width: 200px;
height: 500px;
margin-left: -200px;
background-color: yellow;
text-align: center;
}
</style>
</head>
<body>
<div id="main" class="column">
<div id="main-content">#main</div>
</div>
<div class="left">left</div>
<div class="right">right</div>
</body>
</html>html

1. 雙飛翼佈局
2. 雙飛翼佈局淺析
3. CSS雙飛翼佈局
4. css雙飛翼佈局
5. 【CSS】雙飛翼佈局
6. css——雙飛翼佈局
7. html--雙飛翼佈局
8. css3佈局篇（雙飛翼）
9. 經典雙飛翼佈局
10. css雙飛翼佈局
更多相關文章...
• ASP.NET MVC - 樣式和佈局 - ASP.NET 教程
• ASP.NET Web Pages - 頁面佈局 - ASP.NET 教程
• 算法總結-雙指針
• 再有人問你分佈式事務，把這篇扔給他

相關標籤/搜索