- 博客(4)
- 收藏
- 关注
RSS订阅原创 前端知识：绝对定位、相对定位、固定定位于粘滞定位
相对定位： - 当元素的position属性值设置为relative时则开启了元素的相对定位 - 相对定位的特点： 1.元素开启相对定位以后，如果不设置偏移量元素不会发生任何的变化 2.相对定位是参照于元素在文档流中的位置进行定位的 3.相对定位会提升元素的层级
2022-03-01 16:58:29
211
原创 前端知识：clearfix 这个样式可以同时解决高度塌陷和外边距重叠的问题
当父元素与子元素的垂直排列且外边框重叠时，对子元素设置外边距也会影响到父元素 clearfix 这个样式可以同时解决高度塌陷和外边距重叠的问题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"
2022-02-27 20:32:40
442
原创 前端布局02 高度塌陷问题
高度塌陷的问题 在浮动布局中，父元素是被子元素撑开的 当子元素浮动后，其会脱离文档流，子元素从文档流中脱离 将会无法撑起父元素的高度，导致父元素的高度丢失 父元素高度丢失以后，其下的元素会自动上移，导致页面的布局混乱 所以高度塌陷问题需要处理。 通过给元素设置BFC可以处理高度塌陷问题 BFC(block formatting context)块级格式化环境 -元素开启BFC的特点 1.开启后元素不会被浮动元素覆盖 2.开启BFC
2022-01-25 02:29:15
224
原创 前端网页布局
网页布局 头部为header 主体为main 底部为footer <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-sc
2022-01-25 01:41:13
55
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人