100%布局的头部，内部内容960居中出现滚动条的时候，注意的小东西

运行下面代码

复制代码
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
</head>
<body>
<style>
.percent100{
    width:100%;
}
.center{
    height:100px;
    background:#f00;
    width:1000px;
    margin:0 auto;
}
.body{
    width:2000px;
}
</style>
<div class="percent100">
    <div class="center">
        sfsdfsd
        //你看，因为这个的父级是100%的布局，内部的宽度溢出到父级外面，如果出现滚动条（下面的宽度有可能很宽，所以会出现滚动条咯，所以..），这个父级的100%宽度只有页面用户宽度那么宽，，懂不懂。。
    </div>
</div>
<div class="body">
sdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdf
</div>
</body>
</html>
复制代码

 

本文作者：方方和圆圆

本文链接：https://www.cnblogs.com/diligenceday/p/3753011.html

版权声明：本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。

posted @   方方和圆圆  阅读(288)  评论(0)  编辑  收藏  举报

再过一百年， 我会在哪里？

💬
评论
📌
收藏
💗
关注
👍
推荐
🚀
回顶
➖
收起
点击右上角即可分享
微信分享提示
SQL AI 助手