61,128
社区成员
发帖
与我相关
我的任务
分享
...全文
请发表友善的回复…
发表回复
wylwyl1108 2020-10-23
- 打赏
- 举报
水平居中用div，css设置为margin:auto
九宫格的每一个都是div，设置css为float:left，溢出时会自动换行
九宫格的每一个都是div，设置css为float:left，溢出时会自动换行
gqkmiss 2020-10-20
- 打赏
- 举报
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>demo</title>
<link rel="stylesheet" href="">
<style type="text/css">
*{
padding: 0;
margin: 0;
list-style: none;
}
body{
min-width: 1200px;
}
#head{
height: 60px;
background: red;
}
#head-search{
width: 1200px;
margin: 0 auto;
height: 60px;
background: orange;
}
#nav{
height: 60px;
background: yellow;
}
#main{
width: 1200px;
margin: 0 auto;
min-height: 800px;
background: blue;
}
#footer{
height: 60px;
background: gray;
}
</style>
</head>
<body>
<div id="head">
</div>
<div id="head-search">
</div>
<div id="nav">
</div>
<div id="main">
</div>
<div id="footer">
</div>
</body>
</html>
gqkmiss 2020-10-20
- 打赏
- 举报
全屏的就宽度100%，居中的就定死宽度，然后margin: 0 auto;
M�rquez 2020-10-20
- 打赏
- 举报
可以设置border的margin和padding为0。border就可以紧贴浏览器。另外给父盒子设置一个text-align:centent，里面的内容就可以居中
混子还在路上 2020-10-19
- 打赏
- 举报
大概就这样吧