已采纳回答 / 慕桂英3594841
"padding:50px 0px;",从盒子模型上理解是正确的,但是浏览器世界因为各种内核等原因,浏览器对这些参数的理解并不相同,是否能行要看具体是哪种浏览器以及浏览器的哪种版本,这种方式兼容性不强,只能被少数浏览器正确识别。"margin:50px 0px;",从盒子模型上理解也是正确的,且这种方法的兼容性要好很多,绝大多数浏览器都能正常显示。
2017-07-15
已采纳回答 / hblee
不是的,那个绿色是.box的content的颜色,box里面包含了一个空div,这个空div有50%的margin,所以撑开了父元素box,空div的里面没有任何东西,margin也是无颜色的
2017-05-03
已采纳回答 / qq_布鲁克是只会飞的猪_0353746
问题1:拉伸是针对容器而言的,无法拉伸img,想拉伸图片占满容器将高度和宽度设为100%即可问题2:使用margin:auto居中时需要元素为block元素,而将元素定位设置为absolute时,元素的具备了block特性,所以能够居中问题3:上下左右指的是元素距父容器的偏移,不是padding。
2017-05-03
已采纳回答 / qq_在迷宫_0
没设置宽高可以由里面的内容或者元素撑开的,灰色的背景是父元素的,就是方便看效果来的,你看的那块内容是改变子元素的magin值,如果蓝色块子元素margin水平上的值为负值,就会拉近和灰色背景父元素的距离,所以蓝色块的可是区域就变大了,如果是正值,与父元素距离加大,对应可是区域就变小了
2017-02-13
已采纳回答 / SvenAs
事实上,你这里的三个元素都没有发生margin重叠,你把father1和son2加上margin-top,会发现,他们都没有重叠了。margin重叠只发生在普通的block元素上,加上float虽然也会使元素block,但却不是普通的block元素,应该是脱离文档流的block元素,视频前面也说了,float和absolute元素除外。把father1,2,3的float去掉。在每个盒子外面加一个盒子再加上float:left看看吧
2017-01-13
已采纳回答 / m慕光
overflow:hidden;意思为当内容宽高大于父容器宽高,超出的部分就会被隐藏。本题中内容宽度为:(386.66+20)* 3 = 1220父容器宽度为:1200 < 1220 所以这里如果不加overflow:hidden;则父容器无法在一行中容纳所有的内容,最后一个div元素会换行显示;但是如果你加overflow:hidden;内容超过父容器的部分可以被隐藏,即可做到一行显示。这里不设置也没关系是因为有一句margin-right:-20px;
2016-10-30
已采纳回答 / 黑白灰菌
替换元素:替换元素就是浏览器根据元素的标签和属性,来决定元素的具体显示内容。 例如浏览器会根据<img>标签的src属性的值来读取图片信息并显示出来,而如果查看(x)html代码,则看不到图片的实际内容;又例如根据<input>标签的type属性来决定是显示输入框,还是单选按钮等。 (x)html中的<img>、<input>、<textarea>、<select>、<object>都是替换元素。这些元素往往没有实际的内容...
2016-10-16