我有一个iframe，它的内容指向一个HTML文档。
在那个HTML文档中，有一个嵌入元素指向一个PDF文档。这个嵌入最初是用宽度和高度百分比(例如：width: 100%; height: 100%)设置的。
我的问题是：
加载iframe后，如何检索实际、绝对宽度和高度(在任何单位px、pt、em等中)嵌入元素的。
我一直在尝试所有可能的js属性(宽度、高度、样式: clientWidth、clientHeight、offsetWidth、offsetHeight.)在jQuery中也是如此(如outerWidth，outerHeight等)但这似乎毫无希望。
浏览 6提问于2011-08-18得票数 1
5回答
我尝试使用js和jquery生成下划线菜单项。
这是我的代码
但是我的许多项目没有固定的宽度，所以下划线看起来不对。
有人能解释一下如何用正确的方法计算currpos吗？
浏览 3提问于2013-09-02得票数 0
回答已采纳
1回答
我想在一个具体问题上寻求帮助。我曾寻找过类似的问题，但没有找到任何实际的解决方案。我对CSS相当陌生。
我正在尝试一个名为buttoncontainer的蓝色盒子，它稍后会有按钮。现在，我想格式化它，使浏览器窗口的顶部边缘和蓝色框的顶部边缘之间的距离始终是窗口总高度的42%。正如下面的代码所示，我正试图通过给这个框提供42%的最高利润率来实现这一点。
但是，我做不到。当我在Firefox或IE中打开HTML文件(这是我的家用桌面)时，当窗口是全屏时，距离显然是不同的。如果不是，并且我开始调整大小，则框的位置根本不响应垂直调整大小。但是，它会对水平调整做出响应，我不希望这样做。
我想这一定是我犯
浏览 1提问于2013-04-23得票数 2
我正在使用创建一个对话框窗口。要在对话框中显示的div具有类' dialog‘。
让我们先来看看html：
<div class="click_me">
Click Me
</div><!-- end of class click_me-->
<div class="dialog">
this is my dialog
</div>
css和javascript如下：
<style type="text/css">
.click_me{
width:
浏览 2提问于2012-03-06得票数 0
回答已采纳
2回答
我有一个返回到顶部锚图像，当用户点击它时，它会带他回到顶部与js动画。我首先用js隐藏了图标，直到它到达某个点，然后它就会显示出来。这工作得很好。
这就是我的问题。在我的@media查询中，我不希望返回顶部图标从0px显示到480px视口。因此，在0px到480px的@media查询中，我将图标设置为显示:none。但它仍在上映。我知道是js迫使它显示出来的。
如何仅覆盖0到480px的js hide()函数？
浏览 1提问于2013-05-24得票数 1
回答已采纳
2回答
我不知道我在哪里漏掉了什么东西，但是网格系统根本不起作用。我正在使用firefox。require_once有什么问题吗？以下是index.php：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
浏览 0提问于2015-04-03得票数 1
回答已采纳
1回答
我正在尝试将js图库的缩略图部分添加到网页的页脚。我以前从来没有拆分过一个画廊，并认为这是实现这种外观的唯一方法
我现在拥有的链接是：。
(边框只是我的指南，我还在做的时候)
缩略图容器的CSS代码为：
.galleria-thumbnails-container {
height: 100px;<br>
bottom: 0;<br>
position: absolute;<br>
left: 10px;<br>
right: 10px;<br>
z-index: 1;<br&g
浏览 0提问于2012-01-30得票数 0
回答已采纳
3回答
当“mouseover”发生时，我在尝试更改图像的大小时遇到了一些问题。
我知道它可以通过css来完成，但我需要通过js来实现它。
JS代码：
// id is passed to this function.
...
var content = document.getElementById("content");
var li;
// generate lists of img from db.
li = document.createElement("li");
li.innerHTML = '<img src="'
浏览 3提问于2012-11-28得票数 1
回答已采纳
由于设置长度和宽度大小已经永久地设置了元素大小，所以不需要添加display:flex或display:block，不是吗？
浏览 3提问于2022-02-07得票数 0
回答已采纳
1回答
我尝试在每种屏幕分辨率下对齐我的部分内容完全相同我尝试使用最小宽度和最大宽度，但它不能正常工作这里是代码和工作链接是
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-wi
浏览 0提问于2014-01-27得票数 0
2回答
所以我有两个图:一个线形图和一个箱形图，但是我想把箱形图放在线形图旁边，但是它在下面。如何使其紧邻折线图？任何想法都是值得欣赏的。谢谢! 我尝试使用两种不同的SVG，但都不起作用。下面是我的代码：http://next.plnkr.co/edit/mWGOEy0GHp1olZgNgtpA?preview <!DOCTYPE html>
<meta charset="utf-8">
<style>
.line {
fill: none;
stroke: url(#grad);
str
浏览 96提问于2019-06-21得票数 0
回答已采纳
1回答
我试着做一个带靴带的条纹水平设计。
这是一个例子：
正如所看到的，它使用<section>，其中有一个带有.container类的div (而不是.container-fluid)。
我在该网站上所不明白的是：
他们如何能够使部分背景颜色/图像覆盖整个网站的宽度？当我尝试一种类似的方法，在css背景图像，它不涵盖整个页面的宽度。这是他们的css：
#features {
background-image: url(http://getonepager.com/wp-content/uploads/2015/07/bg1.png);
background-repe
浏览 5提问于2016-06-16得票数 0
回答已采纳
我在这里有一个页面，其中包含两个元素，并在运行过程中启动，但是我无法使第一个元素响应。
第一个元素是一个SVG的路径动画从拉兹线画家，它拒绝成为响应的书面代码，不移动时，窗口是调整大小，我需要帮助。
第二个元素是一个标题，它反应迅速，看上去很棒。
问题是:如何使第一个元素像第二个元素那样工作，从而响应而不是固定(在调整窗口大小时似乎是固定的)？
HTML:
<!DOCTYPE html>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js
浏览 3提问于2014-11-20得票数 2
我希望这是一个适当的问题张贴在这里。与其说这是一个具体的编码问题，不如说是一个理论问题。
我正在使用Ariel的创建一个水平滚动的网页。很好，我已经从下载了一个工作演示.只是我不明白水平滚动背后的理论。
特别是，我遇到的大多数教程(以及在StackOverflow上的答案)都建议创建一个HTML元素，该元素看起来像是一个'viewport‘，并使用scrollTo插件在包装器中滚动内容(例如嵌套标记)。
为什么我不能定位一些标签离开屏幕(比如说，3000 to在右边)，并使用scrollTo水平滚动到这些标签？
我试过这样做，但我无法通过宽松实现一个平滑的滚动(见下面的代码)。
如果有
浏览 3提问于2015-04-15得票数 0
回答已采纳
2回答
为什么本例中的填充不等于300 in？
#Test{
width:600px;
padding-right:50%;
box-sizing:border-box;
background:#ddd;
}
<div id="Test">
TEXT ETISI DHOASIHD I SAIDUHSILAUDH LISH ADBHSJADB JHSA DKH ASKDH KSAH DKLJS ADLK ASJKLD KLASH DLSJAH KLS ADKL S JS KSH KD KSJ HDKJSH DKH SDKH SKDH KSJH DKJSH
浏览 4提问于2016-01-12得票数 3
回答已采纳
9回答
我正在学习。在“入门”菜单上，给出的模板很少。我在玩这个。一个例子是关于固定的页脚。我使用了前面的例子中的nav，并希望用固定的脚注来调整它。但是垂直滚动条就要来了。我正在寻找导致垂直滚动条.的元素
下面是HTML：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Bootstrap, from Twitter</title>
<meta
浏览 2提问于2013-09-30得票数 89
回答已采纳
1回答
我已经看过其他相关的问题，但无法理解或改变这一点，使其发挥作用。基本上，我试图保存包含在tab0中的flot数据的pdf。由于某些原因，pdf输出减少了一半的页面，即使我使用的是最大的a0和它也是缺少图表的图例，这是代码。
(function ($) {
$(function() {
// $.plot($("#placeholder0"), [ { label: 'Test', data: [[0, 0], [1, 1]] } ], { yaxis: { max: 1 } });
$("#generate0").on(
浏览 0提问于2017-06-11得票数 2
回答已采纳
我要继续这个。基本上，我使用的是jqGrid JS5.3.0，styleUI设置为Bootstrap。网格位于引导选项卡()的“..tab窗格”中。问题是，网格缩小到标签窗格的左侧，大约是整个选项卡/屏幕宽度的1/3。我没有设置shrinkToFit，而是自动设置:是的。有治愈方法吗？谢谢。
浏览 0提问于2018-04-26得票数 0
回答已采纳
1回答
我已经尝试了使用我能想到的css，并在嵌入中设置了css，但是我不能让它宽度超过500 of。
<a class="twitter-timeline" data-widget-id="694535126655635456" href="https://twitter.com/TwitterDev" width="1300" height="750">Tweets by @PTDcommish</a>
<script>!function(d,s,id){var js,fjs=d.
浏览 2提问于2016-02-02得票数 4
回答已采纳
TL;DR：使这些项目至少有30 is的保证金-如果是移动视图，则没有保证金。不使用我认为是恶意的媒体查询或jQuery。没有水平卷轴
为什么？
我想用柔软盒
以下问题：
3项
对于桌面，它们成一行对齐。对于移动设备，可能有2，也许1。每个都有margin-right: 30px;。
现在，最后一个行(行的、1行、2行或3行可能的)必须没有margin-right，或者至少看起来没有页边距。任何黑客都不允许正确。这必须是一个反应迅速的解决办法。
这是相当标准的imho：
例如桌面：
显示3个项目，每个项目的最低裕度为30 on，或更多取决于屏幕大小。如果空间较少，请将flex-wrap转到下一
浏览 9提问于2017-10-26得票数 0
回答已采纳
3回答
我想在NVD3.js中的图形上添加一个标题文本。
我尝试了下面的方法，
nv.addGraph(function() {
var chart = nv.models.linePlusBarWithFocusChart()
.margin({top: 30, right: 60, bottom: 50, left: 70})
.x(function(d,i) { return i })
.color(d3.scale.category10().range());
chart.append("text")
.attr("x", 20
浏览 3提问于2013-05-09得票数 7
回答已采纳
我有一个非常简单的html (图像比屏幕大得多)：
<body>
<script src="js/panzoom.min.js"></script>
<script src="js/app.js"></script>
<div class="parent">
<div id="image" class="image-container">
<img class="
浏览 5提问于2021-03-30得票数 1
2回答
预期结果(Chrome)
我开发了一个移动网络应用程序，它与Chrome在安卓上的功能非常好。这是一个截图：
带Safari的白色酒吧
现在，我对其他浏览器有一些问题。例如，Safari和iOS 8.3在iPhone 5上将在右侧显示这个难看的纯白列。防止<body>占用整个视图端口的宽度并触发垂直滚动条：
带有Android默认浏览器的空页。
另一方面，大多数安卓手机附带的"Browser"应用程序不会显示顶部导航栏下面的内容：
这种情况发生在浏览器4.2.2上的Wiko Iggy上，但在三星Galaxy S4上的Internet 2
浏览 4提问于2015-05-22得票数 1
我为一个网站做了一个模板，问题是当我调整浏览器窗口的大小，或者我在手机或平板电脑上时，head、footer和div.hero都是“剪切”的。它是一个具有css重置的html5b模板，但没有响应。
这里是HTML：(我也对这个HTML和我使用的css做了一些修改。如果你向右滚动，你就会看到我在说什么。。，但请记住，head没有出现在那里，以防"bug“出现)
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
浏览 0提问于2013-09-11得票数 0
回答已采纳
我有一个问题，让一个广告出现在一个非固定宽度的div。基本上，我有两个div并排坐着，我想让谷歌广告出现在第二个，它没有固定的宽度设置。请参阅我的示例代码：
<div style="width:1000px">
<div style="float:left; width:200px">
test
</div>
<div style="float:right; overflow:hidden">
<script async src="//pagead2.googlesyndicati
浏览 0提问于2015-08-31得票数 1
6回答
我使用js创建了一个元素，并导入了相关的css，但是我无法获得元素的宽度，这是代码：
css：
#mainDiv{
position:absolute;
width:500px;
height:500px;
}
js：
var mainDiv=document.createElement("div");
mainDiv.setAttribute("id","mainDiv");
document.body.appendChild(mainDiv);
//now I want to get the width of the '
浏览 6提问于2011-08-11得票数 0
回答已采纳
用画布捕捉的时候有没有办法调整宽度和高度？
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.0.272/jspdf.debug.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script>
<script>
function demoFromHTML() {
浏览 21提问于2017-06-28得票数 0
1回答
我正在尝试使我的jQuery砖石墙的宽度与伪流体布局上它上面的页眉相同。请参阅
我找不到办法。
我的CSS代码width: 51em;被元素级别的masonry JS覆盖，使其始终相对于article#content容器。
可以做些什么呢？
下面是我的JS代码：
// remap jQuery to $
(function($){})(window.jQuery);
/* Masonery for the index page */
var $container = $('.wall');
$container.imagesLoaded(function(){
$con
浏览 3提问于2011-11-11得票数 0
这似乎是我在使用angular.js时遇到的jqLite的问题。要查看问题，请打开控制台选项卡，然后在中单击"run with js“。left.css("width")返回了一个空字符串，而它不应该返回。
HTML
<!doctype html>
<html ng-app>
<head>
<meta name="description" content="Angular Template" />
<script src="http://code.angularjs
浏览 4提问于2013-05-18得票数 3
回答已采纳
我在Joomla设计一个网页！我遇到了一个问题，在这个问题中，我看不到一个元素，它会导致页面水平滚动。
对于js和jQuery，我是完全没用的，所以有人能帮我编写一个脚本来输出所有宽度大于特定值或大于浏览器窗口的元素吗？或者以其他方式找出哪个元素会导致浏览器水平滚动？
我更喜欢一行控制台脚本，但.js文件也可以。
浏览 5提问于2013-10-26得票数 8
回答已采纳
1回答
我正在尝试使用chart.js同时显示多个图表。对于我的设置，我有一个显示图表的chart.html文件和一个split.html文件，该文件创建多个iframes (到目前为止有2个)，并在其中加载chart.html。当直接打开chart.html时，调整大小是可行的，但是如果加载在iframe中，它就不行了。我只能想象chart.js的错误，因为大小调整本身已经很奇怪了。它定位在下一个“高级”元素上(在我的例子中，div具有固定的100%宽度和高度)，并且直接在画布上设置宽度或高度不会改变任何东西，请参见下面的代码。
chart.html
<html>
<head>
浏览 0提问于2016-10-13得票数 0
我尝试使用通常分布在0附近的六进制布局-所有示例都使用以屏幕中心为中心的数据，因此比例与屏幕比例相同(y反转除外)我尝试修改比例函数以考虑可能的负值。它适用于y标度，但x标度给出了NaNs，并且六边形绘制在屏幕左上角。这并不是唯一的问题--我想通过编程来确定hexbin函数的bin大小--在我的数据系列中，所有的值都被‘bin’到一个到三个六边形中，并且我需要它们分布在可用的域中。以下是我的代码
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="h
浏览 2提问于2013-07-11得票数 1
.searh-input-wrapper{width:40%;background-color:#ddd;min-height:35px;}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="searh-input-wrapper"></div>
如何使用宽度？
浏览 0提问于2016-09-04得票数 0
1回答
如何使用引导对齐窗体项
、、、、
请在全页模式下检查代码段。第一个肚脐没问题。我试图缩小搜索输入的宽度，但是当我这样做时，我就不能像第一个例子那样让链接一直向右移动。有人能解释一下是什么在控制表单的宽度，以及如何调整它以达到预期的结果吗？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
浏览 2提问于2020-12-27得票数 0
回答已采纳
我对CSS和HTML非常陌生，所以在为我的学校项目设计网页时遇到了困难。
目前我正在尝试在导航栏的中间插入一个搜索栏。但是，我只能将其设置在栏的左侧或右侧。我在其他网站中找到了覆盖引导css代码的代码，并将搜索栏移动到页面的中间，但当显示屏较小时，搜索栏不适合下拉菜单。
这是我用来设计网页的html文件。
<!DOCTYPE html>
<html lang="en">
<head>
<title>{% block title %} {% endblock %} - Snaplost</title>
&l
浏览 2提问于2020-06-14得票数 0
2回答
可以覆盖身体的宽度，例如，我有这样的前任：
<body>
<table id="table1">
<tr><td></td></tr>
</table>
<table id="table2">
<tr><td></td></tr>
</table>
</body>
css:
body{width:970px;}
#table1{width:100%;}
#table2{width:100%;}
浏览 5提问于2012-08-09得票数 0
回答已采纳
错误描述： Uncaught Error: The React Flow parent container needs a width and a height to render the graph.
updateDimensions 0.chunk.js:42077
GraphView 0.chunk.js:42085
React 6
unstable_runWithPriority scheduler.development.js:653
React 3
workLoop scheduler.development.js:597
flushWork scheduler.developm
浏览 29提问于2020-07-26得票数 2
1回答
我在菜单后面定义了伪元素。看起来是这样的：
每当我单击其他链接时，它就会在该链接下移动：
我定义了这样的伪元素：
top: 100%;
left: 25.8%; //Changed according to the link
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-top-color: #344553;
bo
浏览 4提问于2016-03-22得票数 0
回答已采纳
9回答
我使用这段代码将一个facebook评论框放到我的页面上，
<script type="text/javascript">
(function(d, s, id)
{
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=397337283630
浏览 0提问于2012-06-02得票数 8
回答已采纳
1回答
我正在使用最新的jquery版本。(1.9.1)
我有一个空的span元素：
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body&g
浏览 0提问于2013-03-19得票数 3
回答已采纳
1回答
我有内容和侧边栏：
.border {
border: 1px solid black;
}
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=
浏览 0提问于2019-04-06得票数 4
回答已采纳
4回答
我刚开始使用JS，我遇到了一个简单操作上的麻烦：
第一个div宽度为50%
我希望从它的宽度减去50%的第二个div使用JS。
就像：
a_div width = 50% - ( 50% width of b_div)
我试过了，但不起作用
$(document).ready(function(){
$("#h-prev").css({'width':($(".swiper-slide-prev").innerWidth())}).css('width:'-$(".swiper-slide-prev").w
浏览 1提问于2017-02-04得票数 1
回答已采纳
我正在建立一个反应网站与ReactBootstrap。我用ReactBootstrap做了Navbar和Carousel，用MdBootstrap做了Footer.js组件。在我将Bootstrap.min.css导入到我的Footer.js上之后，Carousel.jsx和CustomNavbar不再是完全宽度了。
我的
这里是一个
这里是一个
也许我的Footer.js上的Footer.js覆盖了index.html上的bootstrap.min.css ref？我真的不知道解决办法。
有人能帮我吗？
谢谢,
网卡
浏览 1提问于2018-04-16得票数 0
回答已采纳
1回答
我有一道奇怪的数学题。我正在开发一个使用HTML/CSS/JS的混合移动应用程序，将支持多种设备。由于这个原因，我没有指定输入框的宽度。
现在我需要截断输入框中的文本，但是因为没有指定宽度，所以无法将文本字段的长度与硬编码值进行比较。然而，我可以得到输入框的长度( px)，我使用的字体大小是固定的(10px)，有没有一种方法可以计算出一个Xpx by Ypx输入框中可以容纳多少个14px字体大小的字符？
浏览 1提问于2013-02-28得票数 0
我对HTML和CSS非常陌生，并试图学习它，因此我提出了这个问题。我的目标是创建一个不超过图像原始大小的响应图像。在上找到了一些信息，我可以通过将图像放置在div中的内联块(请参阅代码片段)来完成，但它没有回答基本问题。反应是如何工作的。
对于视口大于图像的情况，我的HTML代码是有意义的，即图像的宽度为100%，这意味着取父容器的大小。在这种情况下，父容器是内联块，其大小实际上是它所包围的内容的大小，因此100%意味着图像将以其原始大小显示。
但是，当我将浏览器窗口调整到更小的大小时，图像就会随之调整大小。在这方面，我无法理解行动的机制。根据我的信息(到目前为止这是有限的)，内联块总是接受它
浏览 4提问于2017-08-23得票数 1
在您说这篇文章是重复的之前，它不是--所有其他线程都提供了如何使水平<li>与<ul>的宽度相匹配的说明--我的问题是如何使垂直 <li>与<ul>的宽度相匹配。
下面是我的代码：
CSS
.ul {
background: #fff;
padding: 12px !important;
font-size: 0;
width: 125px;
}
.li {
margin-bottom: 16px !important;
}
.li a {
font-weight: 300 !important
浏览 2提问于2016-01-16得票数 1
回答已采纳
1回答
HTML：
<!DOCTYPE html>
<html>
<head>
<title>Culminating</title>
<link href="style.css" rel="stylesheet" type="text/css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
浏览 1提问于2014-01-18得票数 1
回答已采纳
2回答
Scroll.js用于#bird块，它遵循页面滚动。
主要的问题是，如果我移除Doctype行，它是工作的，这个行：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
如果doctype是开的，它就不能工作.
以下是html：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//E
浏览 0提问于2009-05-04得票数 0
回答已采纳
2回答
我正在尝试让以下代码工作，以便使列表项均匀分布。
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jque
浏览 1提问于2011-07-23得票数 0
回答已采纳
因此，在阅读了Stack溢出和web之后，我发现要达到100%的高度，有两个主要的技巧：
position:absolute和设置高度：和BODY都将元素设置为具有：高度:100%，或顶部:0，底部:0，
然而，即使使用这些技巧，我也很难将绝对定位的DIV的高度设置为真正的100%。我可以获得视口大小的100%，但是如果用户向下滚动，很明显，div实际上没有100%的高度。
我在这里做了一个简单的JS：
我的问题是:有没有人知道更多的诀窍来得到一个真实的。内容高度，而不是视点高度) 100%高度绝对定位div？
浏览 5提问于2012-04-13得票数 9
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
