HTML高度设置成自动(实现网页内容自适应布局)
导读:l, body {height: auto;argin: 0;g: 0;}av, aside, footer {display: block;width: 100%;height: auto;}header {d-color: #333;c...
l, body {
height: auto; argin: 0; g: 0;
}
av, aside, footer {
display: block;
width: 100%;
height: auto;
}
header { d-color: #333;
color: #fff;
}
av { d-color: #eee;
}
{
float: left;
width: 70%;
}
aside {
float: right;
width: 30%;
}
footer { d-color: #333;
color: #fff; ter;
}
edialydax-width: 600px) { , aside { one;
width: 100%;
}
}
自适应网页布局示例
av>
- 首页
- 新闻
- 产品
- 联系我们
欢迎来到我们的网站
这是一个自适应网页布局示例,可以在不同的设备上自适应布局。
>最新产品
- 产品1
- 产品2
- 产品3
©2021 自适应网页布局示例
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: HTML高度设置成自动(实现网页内容自适应布局)
本文地址: https://pptw.com/jishu/80479.html