用伪类实现三角形、div 实现垂直和水平居中、清浮动、两个块级元素显示在同一行
1-在一个页面中给多个元素设置同样的 id，会导致什么问题？
在一个页面中给多个元素设置相同的id,在获取元素过程中只使用第一个
2-用伪类实现一个上三角（代码）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div{
width: 0px;
height: 0px;
border: solid 10px red;
border-right:solid 10px transparent;
border-top:solid 10px transparent;
border-bottom:solid 10px transparent;
}
</style>
</head>
<body>
<div>
</div>
</body>
</html>
3-怎么让一个不定宽度的 div 实现垂直和水平居中（三种方法 代码）？
1.设置父元素:
display:flex;
content:center;
align-item:center;
2.设置父盒子：display:relative;
设置要居中的DIV：
transform: translate( -50%, -50%);
position:absolute;
top:50%;
left:50%;
3.设置父盒子：
display:table-cell;
text-align:center;
vertical-align:middle;
设置要居中的DIV：
display:inline-block;
vertical-align:middle;
4-清浮动的方式有哪些？
使用after伪元素清除浮动
使用before和after双伪元素清除浮动
父级添加overflow属性（父元素添加overflow:hidden）
额外标签法（在最后一个浮动标签后，新加一个标签，给其设置clear：both；）
5-如何让两个块级元素显示在同一行
-
你可以将将块级元素转换为内联块级元素.
-
可以设置浮动.
-
可以利用定位.
浙公网安备 33010602011771号