一、定位问题
相信很多人在网站制作中会用到定位 绝对定位 与相对定位。
定位虽然可以固定一个元素的位置, 但是相应会脱离文档流 使父元素塌陷。
很多情况绝对定位和相对定位都是成对出现的 , 相对定位作用于其父盒子
绝对定位在所需要固定位置的子盒子中开启。
对于不太理解定位内涵的萌新来说尽量少使用定位 来选择位置。
二、浮动问题
1.float:left;2.float:right;
(一)、浮动原理
浮动的原理是使原来的元素脱离原文档流 到左边或者右边。
浮动后元素只占内容的大小,所以可以使两个盒子一个浮动到左边一个到右边(在同一行显示)
(二)、浮动失败
1.如果只对盒子2使用右浮动则会被盒子一挤到下一行(并不会在一行显示)
如果想要在一行显示则必须使盒子1必能占一行 可以对其使用左浮动还可以使用display:inline-block;使其转化为行内块元素下面详细讲。
2.当父盒子的宽度不够时也会导致浮动失败,这个知识点在写轮播图会用到 对li使用左浮动ul的宽度如果不够所有图片的宽度会导致图片浮动不上去。
(三)、一定要及时清除掉浮动 浮动会导致父元素塌陷,影响后面的盒子
三、盒子问题
1.盒子之间会出现有间隙的问题
(1).可能是没有清除掉内外边距margin:0;padding:0;即可。
(2).但是还有一种不管你怎么清除边距有还有缝隙这个就不是内外边距的问题了
这个缝隙可能是因为使用了display:inline-block;或则使用了浮动
这是因为使用上诉方法后会产生空白字符,产生缝隙。这个对其父盒子使用font-size:0;就可以了,清除掉空白字符。
四。整体板块问题
1.动手做前要想好网站的分块
2.还需要有一个大体的盒子的其嵌套问题
3.结构问题这个很有可能会影响后面的呈现效果
五、缩放问题
1.居中
想要保证盒子在缩小或放大后还能保证居中可以使用margin:0 auto;但是前提是该盒子一定要有宽度;
2.如果缩放还会出现的问题的话很有肯能因为使用了绝对定位导致该板块固定在网页中的某个位置,也有可能是因为缩小后浮动的元素被挤下来了,这可能是父盒子的宽度的问题