代码设置margintop_HTML5如何解决margin-top的塌陷问题(附代码)
发布日期:2021-06-24 11:33:15
浏览次数:2
分类:技术文章
本文共 498 字,大约阅读时间需要 1 分钟。
这篇文章给大家介绍的内容是关于HTML5如何解决margin-top的塌陷问题(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
Document.box{
width: 400px;
height: 400px;
background-color: red;
/* 解决margin-top塌陷问题 */
/* 1.设置border padding */
/* border: 1px solid green; */
/* padding: 1px; */
/* 2.设置overflow */
overflow: hidden;
}
/* 3.通过伪类
实际开发使用
*/
.clearfix:before{
content: "";
display: table;
}
.box1{
width: 100px;
height: 100px;
background-color: green;
margin-top: 50px;
}
运行效果如下:
相关推荐:
Html5中video标签的用法:如何自动填充满父div标签
HTML5属性:margin属性的用法实例
转载地址:https://blog.csdn.net/weixin_32541333/article/details/112997693 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
第一次来,支持一个
[***.219.124.196]2024年04月23日 11时35分04秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
【转】Mac突然连不上WiFi解决步骤
2019-04-28
腾讯云安装mysql
2019-04-28
JDK8-Lambda表达式
2019-04-28
ubuntu初始配置
2019-04-28
将本地django项目部署到服务器上
2019-04-28
Ubuntu16.4 安装python3.7之后,pip3无法正常使用
2019-04-28
如何在django项目中使用多个数据库
2019-04-28
Xpath基本使用
2019-04-28
Django获取当前页面url
2019-04-28
markdown代码高亮,并显示行号
2019-04-28
Django提交表单,获取当前页面url
2019-04-28
wordpress更新主题插件需要提供ftp信息
2019-04-28
Django Xadmin中关联数据的显示方式配置
2019-04-28
Django 配置xadmin
2019-04-28
通过bing获取潜在客户电话,邮箱
2019-04-28
Google Ads学习
2019-04-28
1.将帝国cms源码上传至域名空间
2019-04-28
安装帝国cms
2019-04-28
Git学习
2019-04-28
phpmyadmin 修改账号密码
2019-04-28