flex:1将页面铺满
页面 flex
2023-09-11 14:22:19 时间
代码示范:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>练习</title> </head> <body> <div id="main"> <div id="aside"> hello </div> <div id="content"> world </div> </div> </body> <script> </script> <style> #main { display:flex; } #aside { width:300px; height:800px; background-color:aquamarine; } #content { height:800px; background-color: brown; flex:1; } body { margin:0; } </style> </html>
效果:
相关文章
- Django配置url地址访问不同的页面
- 刷新当前页面
- weex 引导页(guide)页面
- JS 禁用背景页面滚动
- 《jQuery、jQuery UI及jQuery Mobile技巧与示例》——9.18 技巧:利用JavaScript调用来变更页面
- SpringBoot整合Thymleaf实现页面静态化
- 同一个页面多个CALayer重绘的办法
- ios10中禁止Safari浏览器用户缩放页面
- localStorage使用总结,页面跳转,保存值
- nuxt中刷新页面后防止store值丢失
- 通过LoadRunner - Analyze详细分析页面元素请求
- css overflow和flex布局搭配使用,页面块可以滑动
- 30款超酷的HTTP 404页面未找到错误设计
- 用户向导左右滑动页面实现之ImageSwitcher
- aspx页面怎么用获取到的参数?
- JS实现不刷新页面进行排序功能
- js解析或获取页面路径归纳