У меня есть небольшой вопрос, на который я не могу ответить:
У меня есть два элемента: <div class="lineleft"><h2>Title</h2></div>
, и я написал немного CSS, чтобы наложить два разных подчеркивания.Чтобы создать стиль с относительным родителем и абсолютным потомком:
.lineleft {
border-bottom: 0.25rem solid lightgrey;
padding: -0.2rem 0;
margin-bottom: 2rem;
position: relative;
height: 2.4rem;
}
.lineleft h2 {
position: absolute;
bottom: 0;
font-size: 2.4rem;
font-weight: 500;
border-bottom: 0.25rem solid black;
display: inline-block;
padding-bottom: 0.25rem;
margin-bottom: -0.25rem;
}
На каждом экране он работает хорошо, кроме Firefox на широкоформатном экране, это нормально?Могу я что-нибудь сделать для этого?