码迷,mamicode.com
首页 > 其他好文 > 详细

前台布局页面二系列

时间:2017-09-26 00:00:38      阅读:143      评论:0      收藏:0      [点我收藏+]

标签:技术   lower   像素   span   color   padding   大小   margin   原来   

margin和padding的用法:

<div style="width: 300px; height: 300px;background-color: chartreuse;">
  <div style="width: 200px; height: 180px; background-color: black; margin: 10px 0px 0px 10px; float: left; padding: 20px 0px 0px 0px;">
     <div style="width: 100px; height: 100px; background-color: cornflowerblue;">
    </
div>   </div> </div>

显示的效果为:

技术分享

所以要记住的是,如果要使用padding的话,就会使得这个元素变大。所以用padding加了多少像素,这个元素本身就该减去多少像素。才能维持原来大小。

给谁加的padding就作用于谁对外层的没有影响。

 

 

 

 

 

 

 

 

 

 

 

 

前台布局页面二系列

标签:技术   lower   像素   span   color   padding   大小   margin   原来   

原文地址:http://www.cnblogs.com/shandayuan/p/7594412.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!