本文介绍了两种网页布局方法：居中布局和浮动布局。居中布局通过设置元素的宽度和外边距实现，而浮动布局则利用浮动属性使多个元素并排显示。这两种方法在前端开发中非常实用。
1，居中布局
<style>
.box{
width:400px;
margin:0 auto;
}
</style>
<body>
<div class="box">f</div>
</body>
方式2：
<style>
.box{
width:400px;
position:relative;
left:50%;
}
</style>
<body>
<div class="box">f</div>
</body>
2，浮动布局设计
<style>
#left{
width:400;
float:left;
height:300;
border:2px solid #66f
}
#right{
width:400;
float:left;
height:300;
border:2px solid #66f
}
</style>
<body>
<div id="left"></div>
<style>
.box{
width:400px;
margin:0 auto;
}
</style>
<body>
<div class="box">f</div>
</body>
方式2：
<style>
.box{
width:400px;
position:relative;
left:50%;
}
</style>
<body>
<div class="box">f</div>
</body>
2，浮动布局设计
<style>
#left{
width:400;
float:left;
height:300;
border:2px solid #66f
}
#right{
width:400;
float:left;
height:300;
border:2px solid #66f
}
</style>
<body>
<div id="left"></div>
<div id="right"></div>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
