浮动和定位的区别:
对元素使用浮动,那么这个元素依然存在于文档流中,周围的元素也会感受到他的存在;
定位的话,能够实现精准定位于某一个位置上,定位的元素将不占据空间,就像消失了一样
对于浮动元素,而且还会有水平margin的情况下,在IE浏览器中会出现外边距加倍的情况
解决办法:给那个浮动的元素加上display:inline;
让元素居中的方法:
1.使用margin:px auto的时候,必要条件是必须要给这个元素指明宽度;
空标签,在浮动元素的后面添加一个空标签,然后给这个空标签添加样式clear:both,来防止高度塌陷
对元素使用浮动,那么这个元素依然存在于文档流中,周围的元素也会感受到他的存在;
定位的话,能够实现精准定位于某一个位置上,定位的元素将不占据空间,就像消失了一样
被定位过的容器(无论是绝对还是相对)的左上角将作为该容器中定位元素的起始点
对于浮动元素,而且还会有水平margin的情况下,在IE浏览器中会出现外边距加倍的情况
解决办法:给那个浮动的元素加上display:inline;
让元素居中的方法:
1.使用margin:px auto的时候,必要条件是必须要给这个元素指明宽度;
2.使用绝对定位加上负外边距,绝对定位50%;给定位的元素加上margin:-元素宽度的一半(容易理解);
空标签,在浮动元素的后面添加一个空标签,然后给这个空标签添加样式clear:both,来防止高度塌陷