- 博客(2)
- 收藏
- 关注
RSS订阅原创 在网页中生成三角形箭头
例如：在小米官网中，我们需要设置一个向上的小三角。 我们可以通过设置border的方法来设置。 原理：通过盒子的边框连接的梯形斜线来实现 这是一个宽度为100px,高度为100px的盒子的边框 当我们把高度和宽度都改为0时。效果图如右图所示 这时，我们把上边框去掉。效果图如右图所示 可以看出此时，已经有了三角的雏形，接下来只要把上右左的边框颜色改为透明即可得到一个向上的三角形。 以下为生成向上，向下，向右，向左四个方向的三角箭头的方法。 <!DOCTYPE ht...
2021-10-19 14:42:14
447
原创 解决高度塌陷问题
高度塌陷：在浮动布局中，父元素的高度默认是被子元素撑开的。当子元素浮动以后，其会完全脱离文档流，子元素从文档流脱离，将会无法撑起父元素的高度，导致父元素高度的缺失。 父元素的高度丢失以后，其下的元素会上移，导致页面布局的混乱，因此高度塌陷的问题必须要解决！ 由于我们希望父元素的高度是被子元素撑开的，因此父元素不设置高度。 <html lang="en"> <head> <meta charset="UTF-8"> <meta http-e
2021-10-18 01:57:41
99
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人