【子元素为行内元素不在父元素内 _自适应】

子元素为行内元素不在父元素内

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(1)

自适应

详细描述

截图

代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>任务六</title>
    <link rel="stylesheet" type="text/css" href="task6.css">
</head>

<body>
    <header>
        <button class="btn">找雇主</button>
        <button class="btn">招护工</button>
    </header>
</body>

</html>

html{
    font-size: 625%; 
}
body{
    margin: 0;
    
}
header{
    position: fixed;
    top: 0;
    text-align: center;
    height: .64rem;
    width: 100%;
    background-color: #5fc0cd;   
}
.btn{
    font-size: 16px;
    color: #ffffff;
    background-color: #55a8b3;
    border-radius: 7px;  
    padding: .1rem .2rem .1rem .13rem;  
    border: none;
    outline:none
}

编辑于2024-11-18

时间排序

热门排序

[上海|荣耀师兄]JS-王刚
0

这是由于你在根html标签设置了font size：625%。导致的.可以看一下幽灵文本节点相关。

在body标签设置font size ：.16rem；
或者header标签设置line hight：0；font size ：0都可以解决。
- -具体造成的原因是因为标签的某些属性是继承的，如果不设置body的font size 就会继承根html的font size导致某些属性放大了十倍

查看全部>

编辑于2018-09-21

去第页