html - CSS 固定位置继承宽度不等于父级
问题描述
我有 3 个 div父级、子级和元素。div 元素具有从child继承的宽度。问题是子 div 的宽度等于 100%,而元素的宽度等于继承,这给了我:
这就是我要找的东西。
我尝试了不同的方法。但没有人工作。我不明白为什么元素不能从父 div 继承宽度 200px。
404 / 5000 翻译结果我有 3 个父、子和元素 div。div 元素具有从子元素继承的宽度,问题是子 div 的宽度为 100%,元素继承自 (100%) 并应用它,这给了我这个 /
这是我的代码:
.parent{
padding: 2px;
height:100px;
width:30%;
border:solid 2px red;
}
.child{
padding: 2px;
border:solid 2px green;
width:100%;
height:50px;
position:relative;
}
.element1{
padding: 2px;
width:inherit;
border:solid 2px yellow;
position:fixed;
}
<div class="parent">
<div class="child">
child
<div class="element1">
element1
</div>
</div>
</div>
解决方案
除非父宽度为 100%,否则这不是正确的继承方法。但是此代码通过对子元素和元素应用宽度继承来解决您的问题。
.parent {
padding: 2px;
height: 100px;
width: 200px;
border: solid 2px red;
}
.child {
padding: 2px;
border: solid 2px green;
width: inherit;
height: 50px;
position: relative;
}
.element1 {
padding: 2px;
width: inherit;
border: solid 2px yellow;
position: fixed;
}
推荐阅读
- kubernetes - 如何使用多文档 yaml 文件为 Kubernetes 提供 kops?
- c# - .Net Core - Razor View 中的文化
- java - wsdl的UDDI注册
- iis - 如何将 IIS 路由到嵌套的默认文档
- python - lmfit 模型中拟合参数的不同约束
- javascript - 基于php Select动态改变JS脚本src属性
- r - sparklyr 方法不起作用 - 无法为签名 '"tbl_spark"' 的函数 'count' 找到继承的方法
- python - TypeError:预期的二进制或 unicode 字符串,得到 0.0
- html - 我的标题我没有覆盖
- android - 在android中在线保存分数