我的页脚右侧有一张图片。下面是所述页脚的抽象示例。
问题是，每当页面变得对于窗口而言太宽并且水平滚动变为事件状态时，我的页脚宽度将继续依赖于正文的宽度，而不是内容的实际宽度。
<body>
<div id='bodyContent' style="height:600px; width:600px;">
<div style="width:200px; height: 400px; float:left; background-color:pink ">
</div>
<div style=" margin-left:220px; width:1000px; height:500px; background-color:green; padding:1px;">
<div style="width:200px; height:100px; margin:74px; background-color:lime;"></div>
<div style="width:1200px; height:100px; margin:74px; background-color:lime;"></div>
</div>
</div>
<div id='footerContent' style="min-width:100%; padding:0; background-color:black; height:150px; margin: 100px 0 0 0; position:relative;">
<div id="image" style="width:75px; height:75px; position:absolute; right:37px; bottom: 37px; background-color:yellow;"></div>
</div>
是否有一些 css 或 javascript 可以应用于此，以便我可以将页脚的宽度设置为网页的实际宽度？我检查了文档、窗口和屏幕宽度/外部宽度；但是每一个都无法处理页面的溢出大小。
最佳答案
你可以放置一个宽度类似于这样的父包装器:
<div id='wrapper' style="width:1000px;">
<div id='bodyContent' style="height:600px;">
<div style="/*width:1000px;*/ height:250px; background-color:green;"></div>
</div><div id='footerContent' style="width:100%; padding:0; background-color:black; height:150px; margin: 100px 0 0 0; position:relative;">
<div id="image" style="width:75px; height:75px; position:absolute; right:37px; bottom: 37px; background-color:yellow;"></div>
关于javascript - 获取元素的实际宽度？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23226547/