CSS3实现淘宝留白的方法
发布时间：2020-06-16 21:04 所属栏目：52 来源：站长网
导读：当你在缩小浏览器页面的时候他的内容区并没有缩小，是留白的变
|
当你在缩小浏览器页面的时候他的内容区并没有缩小，是留白的变小。 <!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> （编辑：ASP站长网） |
相关内容
居龙：中国大陆首次成网友评论
推荐文章
热点阅读
