我相信以前有人问过这个问题,但我似乎找不到答案。
我有以下标记:
<div id="foo">
<div id="bar">
here be dragons
</div>
</div>
我的愿望是让foo具有600px
(width: 600px;
)的宽度,并使bar具有以下行为:
padding-left: 2px;
padding-right: 2px;
margin-left: 2px;
margin-right: 2px;
outerWidth: 100%;
换句话说,不是将bar的宽度设置为592px
,而是将bar的外部宽度设置为100%
,以便将其计算为592px
。这里的重要之处在于,我可以将foo的宽度更改为800px
,并且bar将在渲染时进行计算,而不必手动计算所有这些实例。
这在纯CSS中是可能的吗?
更多的乐趣:
#bar
是表格怎么办?#bar
是文本区域怎么办?#bar
是输入怎么办?<代码>H217<代码>H118如果<代码>D19是表格单元格(<代码>D20)怎么办?(这是改变了问题还是相同的问题?)到目前为止,已经讨论了table#bar
、input#bar
。我还没有看到一个好的textarea#bar解决方案。我认为没有边框/边距/填充的文本区可以与div
样式一起工作,作为textarea
的边框。
https://stackoverflow.com/questions/2232440
复制相似问题