qq_43247538的博客

原创 CSS定位—定位的拓展

4.绝对定位（固定定位)会完全压住盒子浮动元素不同，只会压住它下面标准流的盒子，但是不会压住下面标准流盒子里面的文字（图片）但是绝对定位（固定定位）会压住下面标准流所有的内容。浮动之所以不会压住文字，因为浮动产生的目的最初是为了做文字环绕效果的。文字会围绕浮动元素。...

原创 CSS定位—定位的拓展

2.定位特殊特性绝对定位和固定定位也和浮动类似。行内元素添加绝对或者固定定位，可以直接设置高度和宽度。 块级元素添加绝对或者固定定位，如果不给宽度或高度，默认大小是内容的大小。3.脱标的盒子不会触发外边距塌陷浮动元素、绝对定位（固定定位）元素的都不会触发外边距合并的问题。......

原创 CSS定位—定位的拓展

1.绝对定位的盒子居中加了绝对定位的盒子不能通过margin:0 auto水平居中，但是可以通过以下计算方法实现水平和垂直居中。①left:50%;:让盒子的左侧移动到父级元素的水平中心位置。②margin-left:盒子宽度的一半(负数);:让盒子向左移动自身宽度的一半。...

原创 CSS定位—定位叠放次序 z-index

在使用定位布局时，可能会出现盒子重叠的情况。此时，可以使用z-index来控制盒子的前后次序（z轴）语法:选择器{z-index:1;｝☆数值可以是正整数、负整数或0，默认是auto，数值越大，盒子越靠上。☆如果属性值相同，则按照书写顺序，后来居上。☆数字后面不能加单位。☆只有定位的盒子才有z-index属性。...

原创 CSS定位的总结

原创 CSS定位—固定定位 fixed

固定定位是元素固定于浏览器可视区的位置。主要使用场景：在浏览器页面滚动时元素的位置不会改变。语法：选择器｛position:fixed;｝固定定位的特点:1.以浏览器的可视窗口为参照点移动元素。·跟父元素没有任何关系·不随滚动条滚动。2.固定定位是脱标的。......

原创 CSS定位—子绝父相

“子绝父相”是学习定位的口诀，这句话的意思是:子级是绝对定位的话，父级用相对定位。①子级绝对定位，不会占有位置，可以放到父盒子里面的任何一个地方。②父盒子需要加定位限制子盒子在父盒子内显示。③父盒子布局时，需要占有位置，因此父亲只能是相对定位。总结:因为父级需要占有位置，因此是相对定位，子盒子不需要占有位置，则是绝对定位...

原创 前端CSS定位学习笔记

绝对定位—父亲有定位情况如果祖先元素有定位(相对，绝对，固定定位)，则以最近一级的有定位祖先元素为参考点移动位置

原创 前端绝对定位—没有父级或父级无定位情况

绝对定位是元素在移动位置的时候，是相对于它祖先元素来说的。语法｛position:absolute;｝绝对定位的特点: 如果没有祖先元素或者祖先元素没有定位,则以浏览器为准定位。