做一个 淘宝 的留白：
当你在缩小浏览器页面的时候他的内容区并没有缩小，是留白的变小。
<!DOCTY PE ht ML >
<html>
<head>
< ;m eta charset="utf-8" />
<t IT le></title>
<style type="text/css">
*{
m arg in: 0;
padding: 0;
}
.wrapper{
h ei ght: 30px;
background-color: gray;
}
.content{
width: 1200px;
height: 30px;
background-color: # 0f0;
mar gin : 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>
到此这篇关于CSS3实现淘宝留白的方法的 文章 就介绍到这了,更多相关CSS3淘宝留白内容请搜索以前的文章或继续浏览下面的相关文章，希望大家以后多多支持！
总结
以上是 为你收集整理的 CSS3实现淘宝留白的方法 全部内容，希望文章能够帮你解决 CSS3实现淘宝留白的方法 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did201194