gpt4 book ai didi

javascript - 获取元素的实际宽度?

转载 作者:太空宇宙 更新时间:2023-11-04 13:33:16 31 4
gpt4 key购买 nike

我的页脚右侧有一张图片。下面是所述页脚的抽象示例。

问题是,每当页面变得对于窗口而言太宽并且水平滚动变为事件状态时,我的页脚宽度将继续依赖于正文的宽度,而不是内容的实际宽度。

<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 可以应用于此,以便我可以将页脚的宽度设置为网页的实际宽度?我检查了文档、窗口和屏幕宽度/外部宽度;但是每一个都无法处理页面的溢出大小。

最佳答案

你可以放置一个宽度类似于这样的父包装器:

http://jsfiddle.net/Lw54F/

<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/

31 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com