CSS3实现淘宝留白的方法
发布时间：2020-06-17 05:20:15 所属栏目：系统 来源：站长网
导读：当你在缩小浏览器页面的时候他的内容区并没有缩小，是留白的变
|
当你在缩小浏览器页面的时候他的内容区并没有缩小，是留白的变小。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } .wrapper{ height: 30px; background-color: gray; } .content{ width: 1200px; height: 30px; background-color: #0f0; margin: 0 auto;/* 上下0,左右自适应 */ } </style> </head> <body> <div class="wrapper"><!-- 背景区 --> <div class="content"></div><!-- 内容区 --> </div> </body> </html> 这样当你在缩放的时候，缩放的是外面灰色的部分，绿色的部分始终居中。 里面的文字就是这样来写了 <div> <ul style="float: left;"></ul> <ul style="float: right;"></ul> </div> （编辑：湘西站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
