- 在div中放了一个图片和一段文字时 发现无论怎么调节img的属性,图片和文字都不能具有相同的高度。此时设置img的属性float浮动即可,可以通过修改margin来改变边距。
- 修改div的padding属性是会改变div的原有大小。给他一个box-sizing:border-box;就不会改变大小了
- 如果在父div中有两个子div那么子div的宽度之和不要刚好等于符div的宽度。
- 如果想要实现垂直居中则设置line-height等于div的高度(但是如果是多行的话不行)
- 给一段文字行高,就会让这段文字居中。
- margin-left:auto,margin-right:auto元素居中仅仅针对块元素有效.对于图片无效。但是可以通过display:block实现居中 。
- 内联标签(a,span,em,strong)不可以设置margin,padding ,width,height;块标签(div,h1~h6,p,ul,li,dl,dt,dd)独占一行,可以设置看宽高,边距等。
- 想让内联元素和内联块元素水平居中 (1)使用display:block;margin-left:auto;margin-right:auto;(2) 给他父亲 ,在父元素中使用text-algin:center ;
- 嵌套的越深,权重越重
- 将盒子的属性设置成box-sizing:border-box ;在去设置border,padding值是不会改变盒子的height,width.
- 父元素继承子元素的高度,如果子元素设置了浮动,父元素就会坍塌,解决方法:给父元素设置overfloat:hidden;
- 两个input并列会出先不对齐的现象,可以使用定位解决:positon:absolute;top:0;left:0;
- z-index:3;设置定位元素的堆叠。谁的值高谁就在上面。
- 子元素作为父元素的第一个元素,给子元素margin-top没用,问题:子元素没有移动而是父元素移动了。解决:1.让他做第二个元素:parent ::before{ content:“”;display:table;}即可,2. 给父元素:overflow:hidden;
- 兄弟元素之间margin(第一个元素给margin-button,第二个元素给margin-top重合问题:值一样取中间值,值不一样取大的值。
- bug:给内联块元素margin-top,内联元素也跟着移动(定位可以解决)
- overflow:hidden:溢出隐藏。
- 子元素float,父元素没有高度---->1.给父元素overflow:hidden第二种:给伪元素 .row:after{content:"";clear:both;display:table;}
- 问题:给div设置了100%的宽度,但是页面出现了横向滚动条?原因:给了100%宽度,但是你在某个地方又给了margin-left或margin-right导致超出了原有的100%宽度,解决方法:给div一个box-sizing:border-box;即可!
写前端页面遇到的问题
猜你喜欢
转载自blog.csdn.net/qq_43554997/article/details/106445333
今日推荐
周排行