CSS小菜问一下 marginTop margin-top top 这三个的主要区别是什么~不都是上外边距么
第一个样式在css里面是没有的,第二个和第三个虽然都是指与上方的距离,但是使用场景有区别。margin-top一般用在相对位置的元素中,例如一个div相对前一个div的上边距是10px,就应该定义margin-top:10px,而不是top:10px。top是用在绝对定位的元素中的,一般是配合position属性使用,假如一个div里面包含了一个ul,如果我们定义ul的position为absolute,top:10px,那么不论div的位置在哪里,这个ul都会距离页面顶部10px
在CSS中,margin:10px auto; margin-bottom:35px;这两句写在一起,表示什么意思分别是哪个方面的距离
margin:10px auto; 设置外边距,上下分别为10像素,左右自动;margin-bottom:35px; 设置下方的外边距为35像素;position:relative和position:absolute, 即常说的绝对定位,一般会在用一般的排版方法无法实现布局效果的时候使用,例如你用img标签插入一张图片后又想在图片上边写字就可以用绝对定位把包住文字的标签(例如p)定位到图片上。position:relative 这个是设置偏移的参考对象的,不设置的话会默认以浏览器左上角为参考对象;position:absolute 这个是给要产生偏移的对象设置的,同时需要使用top、right或者bottom、left几个属性设置偏移值。
为什么设置浮动后 margin-bottom失效
《style》.logo {height: 50px;width: 50px;background-color: red;float: left;margin-bottom: 10px;}《/style》《div class=“logo“》《/div》《div style=“clear:both;“》《/div》《div class=“logo“ style=“float:none;width:100px;“》《/div》
给你修改后的代码,自己感受一下吧,margin-bottom不是失效了,而是你div用了浮动,你必须用clear:both清除浮动之后才能正常