为了账号安全,请及时绑定邮箱和手机立即绑定

关于为什么出现空白

为什么我在写这句代码的前后会出现不同,没写padding:100px 0;时有空白,谢啦就没有空白了

.green-section{

    background: #089db0;

    color: #ffffff;

    text-align: center;

    padding: 100px 0;

}

58ae9f2900010cd205000319.jpg

58ae9f290001889a05000338.jpg


正在回答

1 回答

padding: 100px 0; 中的100px表示设置上下内边距各为100px,因此把你green部分内容整体撑开了。具体请参考里面的盒子模型图:http://www.studyofnet.com/news/35.html  

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
HTML5和CSS3扁平化风格博客
  • 参与学习       86811    人
  • 解答问题       383    个

HTML5与CSS3搭建超酷扁平化风格博客

进入课程

关于为什么出现空白

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信