html , body , margin , overflow 之大乱战

<!DOCTYPE html>
<html>
<head>
<style>
html,body{ margin:0 ;padding:0 }
div{margin:20px;}
</style>
</head>
<body>
    <div>
        开始位置
    </div>
</boby>
</html>

这段代码，div 距离 body = 0 , body距离= 20px , 给 div设置的 margin:20px 其中的 margin-top 转嫁给了 body.

解决这个问题，需要添加以下CSS

html,body{
overflow:hidden;
}

posted @ 2014-03-31 14:23 NewSea 阅读(630) 评论(2) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

阅读排行：
· 周边上新：园子的第一款马克杯温暖上架
· 分享 3 个 .NET 开源的文件压缩处理库，助力快速实现文件压缩解压功能！
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试？测试工程师会被淘汰吗？
· 使用C#创建一个MCP客户端

♨ NewSea#'s Sky

大道至简，思想-体系-标准

html , body , margin , overflow 之大乱战

搜索

最新随笔

随笔分类 (613)

阅读排行榜

最新评论