使用.css()和像素值设置left,top,width和height参数有效,但使用百分比值不行？
使用.css()和像素值设置left、top、width和height参数有效，但使用百分比值不行的原因是，百分比值是相对于父元素的尺寸进行计算的，而在使用.css()方法设置这些参数时，父元素的尺寸可能尚未确定或者无法获取到。因此，无法准确地计算出百分比值所对应的像素值。
举例来说，如果一个元素的父元素的宽度是100像素，我们想要将该元素的宽度设置为父元素宽度的50%，即50像素。但是在使用.css()方法设置时，父元素的宽度可能还没有被浏览器计算出来，此时无法获取到父元素的宽度，因此无法准确地计算出50%所对应的像素值。
解决这个问题的方法是，在设置百分比值之前，先确保父元素的尺寸已经确定或者可以获取到。可以通过监听窗口的resize事件或者使用其他方法来确保父元素的尺寸已经确定后，再使用.css()方法设置百分比值。
腾讯云相关产品中，可以使用云服务器（CVM）来进行云计算相关的开发和部署工作。云服务器提供了弹性的计算能力，可以根据实际需求灵活调整配置，满足不同规模和性能要求的应用场景。您可以通过以下链接了解更多关于腾讯云服务器的信息：https://cloud.tencent.com/product/cvm
请注意，以上答案仅供参考，具体的技术实现和推荐产品还需要根据具体情况进行评估和选择。
相关·内容
canvas'); $('#1').addClass('ui-boxer') width: 50, height: 50}); 这可以很好地工作。但是我需要为left</
浏览 0提问于2010-11-12得票数 3
回答已采纳
1回答
我使用，并希望以百分比值保存坐标。因此，我编写了代码，将像素值隐藏为百分比。但我标记了它在(0,0)位置的百分比值是完美的，但是当我将元素移动到父元素的向下时，顶部下降的百分比值和左增加的百分比值都在增加。因此，在左下角元素有约12%的左增加百分比和8%下降的顶部百分比。更新:拖放后得到的百分
浏览 2提问于2015-07-27得票数 0
回答已采纳
我需要将两个透明的div放在彼此的顶部，然后仅使用CSS根据百分比值将它们垂直移动。如果百分比值是20%，我希望它是这样的：在本例中，div的大小是100x100px，而父div的左、右填充只有10px，这会导致垂直位置相差20%。: 100px;}
position: absolute; width: 100px;
浏览 0提问于2015-03-09得票数 0
5回答
我已经创建了两个div，并使用css内联属性将它们左右对齐，问题是我不能以百分比(而不是像素值)设置宽度和高度，我已经看到了这个问题的一些替代方案，但我还没有得到解决方案。这就是我想要的：
这里有一个小提琴： (我使用像素值来设置高度，而不是百分比)。请用百分比值中的高度更新。代码如下：
<style type="text&
浏览 1提问于2012-11-03得票数 4
回答已采纳
如果我想确定一个绝对定位为百分比值的元素的CSS设置，jQuery只返回像素值( )：<div id="wrp">test</div>C
浏览 1提问于2012-02-17得票数 0
2回答
相关代码为 <div class="bubble-bar-tabs">使用 position: absolute; display: block;
浏览 0提问于2015-05-04得票数 0
当它以像素为单位完成时，它工作得很好： $('.box').animate({left: '+=100'}, 100, function(){ if ($last.css('left') == '100px') {
浏览 8提问于2014-03-10得票数 0
在FF和Opera中，它是完美的。在Chrome中，它会跳到页面的顶部，然后向下动画！ } }); 下面是涉及到的元素的css： padding: 0px; positio
浏览 0提问于2011-04-03得票数 0
回答已采纳
对象标签是否将百分比作为有效的高度和宽度？我正在查看，它显示高度和宽度都在- CSS pixels中指定。
浏览 1提问于2013-01-04得票数 4
我用我的页面定义了这个CSS： background-image: url("img/bg.jpg");}
height: 100%;}
width: 560px; position: relative;
浏览 4提问于2015-11-07得票数 2
回答已采纳
2回答
你知道怎么可能在缩放整个网站时不缩放HTML canvas元素(在大多数浏览器中是ctrl+“+”)，而是使其尺寸更大吗？我有一个应用程序，您可以查看大图像，缩放和平移他们在画布元素。现在，我认为用ctrl+"+“来缩放网站，以便有更多的空间来查看图像，这会很酷。因为它是默认的，画布也会缩放，你什么也得不到。
浏览 3提问于2012-11-17得票数 0
示例： left:parseInt(el.css('left'))/parent.width()*100+"%",
top: parseInt(el.css('top<
浏览 2提问于2013-12-22得票数 8
回答已采纳
当我使用jQuery animate()函数更改div的大小时，它总是从左上点开始。我如何让它从中心缩放而不是从角落缩放。例如，我的代码：
position: absolute;height: 50px;opacity: 0.4;left: 40%;
border-
浏览 1提问于2011-07-18得票数 1
回答已采纳
2回答
对于头部，我放入：<link href="styles.css" rel="stylesheet" type="text/css"></link>，我在主体中给出的脚本是：
<input name="searchtext" onKeyUp="getScriptPage('box','text_content')" id="text_content" A
浏览 8提问于2011-06-22得票数 1
在我的几张旋转木马幻灯片中，我正在将DIV的像素值转换为百分比。({ top: parseInt(el.css('top'))/parent.height()*100+"%&quo
浏览 3提问于2015-05-14得票数 1
回答已采纳
2回答
每个“菱形”-shaped图像都是绝对定位的，使用CSS，带有像素值。 </div>#second-panel-diamonds{ left: 1%;}height: auto;}
.second-panel-di
浏览 0提问于2016-08-10得票数 7
1回答
我在一个背景上覆盖了多个图像，下面是一个例子： <img src="images/background.png" style="position: relative; top: 0px; left: 0px;"/>
<img src="images/overlay1.png&q
浏览 3提问于2013-08-28得票数 7
回答已采纳
4回答
ready(function($){ if($('#order_link').css("position") == "relative"){
$('#order_link').css({"position":"fixed", "right": "290px"
浏览 7提问于2016-01-13得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
