我想要一个固定元素的宽度来匹配紧挨着它的div的宽度.想象一下标题和主要内容div.当标题和内容div嵌套在外部div中时,会出现匹配其宽度的问题.在这种情况下,每个的%宽度不再与其父级宽度匹配(例如,< body>标记),固定元素的宽度基于令我困惑的东西.
为了更好地解释我的意思,对比这两个js小提琴:
这是每个代码:
#fixed{ position:fixed; z-index:2; width:90%;
height:25px; background:yellow;}
#content{ width:90%; height:300px; background:red}
与
#main{ width:95%}
#fixed{ position:fixed; z-index:2; width:90%;
height:25px; background:yellow;}
#content{ width:90%; height:300px; background:red}
仅在jsfiddle#1中注意,无论您如何调整浏览器大小,黄色和红色divs宽度都会匹配.不幸的是,jsfiddle#2更像是一个现实世界的场景,我想知道如何纠正id =“fixed”div,使其宽度也与id =“content”div匹配.
思考?