css+div布局定位和边距问题

1 当你在一个大的容器里面给两个小的容器定位的时候

   position:absolute; 这个容器相对于父元素定位,初始位置在父元素的左上角。

   position:relative;设置这个属性高,是子容器相对于上一个子容器的位置,沿着文档流自然的排在上一个子元素的下一个

   位置。

   当你给容器加上一个 float:left。。。。。属性的时候,容器就变成了一个盒子,如果没有float这个属性,那么只能沿着行来

   给元素排列位置,一个元素占满一行,即使你设置了width也是没有用的,虽然容器只使用你设置的宽度。但是当你设置了

   float或者display:inline的时候,你设置width元素就是管用的了,

2   在默认情况下你布局的时候,两个子容器之间是存在边距的,这是默认的边距,所以如果你不想要这些边距的存在,你可以

   设置padding(内边距) 和margin(外边距)

猜你喜欢

转载自blog.csdn.net/qq_38296051/article/details/79833347