css
Stephen lll
这个作者很懒,什么都没留下…
展开
-
布局中高度塌陷问题
父元素高度丢失以后,其下的元素会自动上移,导致页面的布局混乱,所以高度塌陷是浮动布局中比较常见的问题,我们必须解决。当子元素浮动后,子元素会完全脱离文档流,子元素从文档流中脱离,将会无法撑起父元素的高度,导致父元素的高度丢失。当开启元素的BFC以后,元素会变成一个独立的布局区域,不会在布局上影响到外面的元素。由于这个div并没有浮动,所以他是可以撑开父元素的高度的,在浮动布局中,父元素的高度默认是被子元素撑开的。可以直接在高度塌陷的父元素的最后,添加一个空白的div,给父元素设置固定的高度,但不推荐使用。原创 2022-10-18 20:38:25 · 145 阅读 · 1 评论 -
浮动和布局
1、元素脱离文档流,元素一旦脱离文档流,就不会占据原来在文档流中的位置,1:浮动元素会脱离文档流,元素脱离文档流以后,不会再占用文档流的位置,它下边的元素会立即向上移动。布局方式:文档流中元素默认的布局方式,margin,浮动,定位,弹性盒子,网格布局·····浮动:设置元素浮动,可以让元素脱离文档流,从而不具有元素在文档流中特点,当浮动的元素碰到文字,浮动的元素不会盖住文字,而文字会环绕浮动的元素,5:如果浮动元素的上边是一个没有浮动的块元素,则浮动元素无法上移。5、浮动元素不会超过其父元素的范围。原创 2022-10-17 20:12:08 · 83 阅读 · 0 评论 -
页面的布局简介
margin-left、margin-right 为auto margin-left、margin-right各占一半,把元素挤到中间。2、水平方向7个值当中,有三个值可以被设置为auto,width、margin-left、margin-right。width、margin-left、margin-right都为auto,调整的是width。width、margin-right 为auto 调整的是width。width、margin-left 为auto 调整的是width。原创 2022-10-14 18:41:44 · 110 阅读 · 0 评论 -
盒子模型小练习
每上完一节新课,课后小练习是必要的!原创 2022-10-12 20:24:24 · 181 阅读 · 0 评论 -
文本设置的联系
练习很重要原创 2022-10-11 20:55:44 · 50 阅读 · 0 评论 -
选择器的混合使用练习
【代码】选择器的混合使用练习。原创 2022-10-10 20:12:11 · 56 阅读 · 0 评论 -
选择器小练习
根据需求进行对应的css编码原创 2022-10-09 19:39:07 · 55 阅读 · 0 评论 -
css代码书写位置
css三个书写位置原创 2022-10-08 16:11:27 · 170 阅读 · 1 评论