如何设置html的input框的高度和宽度！

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：indexhtml，编写问题基础代码。

2、在indexhtml中的<input>标签中新增样式代码：style="width: 200px;height:60px;"。

3、浏览器运行indexhtml页面，此时input框的宽度被设置为200px，高度被设备为60px了。

没用，网页高度是根据你内容来定的

<div id="outside" style="height:100px; width:100px;">

<div id="inside"></div>

</div>

<script>

documentgetElementById("inside")styleheight=documentgetElementById("outside")styleheight;

</script>

一、途径：

第一种情况就是宽高都写在样式表里，就比如#div1{width:120px;}。这中情况通过#div1stylewidth拿不到宽度，而通过#div1offsetWidth才可以获取到宽度。

第二种情况就是宽和高是写在行内中，比如style="width:120px;"，这中情况通过上述2个方法都能拿到宽度。

二、小结：

因为idoffsetWidth和idoffsetHeight无视样式写在样式表还是行内，所以我们获取元素宽和高的时候最好用这2个属性。注意如果不是写在行内style中的属性都不能通过idstyleatrr来获取。

三、代码：

var o = documentgetElementById("view");

var h = ooffsetHeight; //高度

var w = ooffsetWidth; //宽度

参考资料

js获取Html元素的实际宽度高度的方法脚本之家[引用时间2017-12-29]

html？应该是js吧，锚点无法用css来解释，无法准确定位的，不同的padding，margin，top，定位的不同，包含锚点的容器相对html顶端的高度都不同，所以你的问题不好。

用jquery获得高度是很简单的。

可以在css中直接设置body的高度。或者把所有元素都放在一个离body最近的容器当中，然后设置该容器的高度。如果你的body中含了三个一级div，那样设置高度只对其中一个管用。如果你的body中只有一个div，而这个div中又包含了三个子div，那么要设置父div才比较管用。

如何用获取网页高度？这是一个贴子

环境：

VS2005 C# WinForm (特别注明：不是ASPnet)

原先用这个方法(在DocumentCompleted事件函数里)：

webBrowser1DocumentBodyScrollRectangleHeight

绝大多数情况下，这个方法能够正确返回网页高度。但个别情况下却不行，获取到高度明显小于实际网页高度。

这种网页有个特点，就是它包含加载的组件。我认为DocumentBodyScrollRectangleHeight在这里发生错误是因为没有计算上网页组件所加载的高度。开始我以为是加载较慢所致，于是又额外设了几秒延迟获取DocumentBodyScrollRectangleHeight，结果还是不行。

有点麻烦了，哪位大虾有解决办法？

有了些进展：

使用这个：thisextendWebBrowser1DocumentBodyOffsetRectangleBottom

针对我开头所提到特殊页面。它虽然比实际网页高度相同还是小一些，但基本上不影响浏览了。

下面是我从网上找到的资料(应该是人工翻译的)：

我一直从 WebBrowser 控件的文档属性获取 web 页的高度的最后几天。

这是我最新的尝试。

HtmlElementCollection children = webBrowserDocumentAll; int maxOffset = 0; foreach (HtmlElement child in children) { int bottom = 0; bottom = childOffsetRectangleBottom; if (bottom > maxOffset) { maxOffset = bottom; pageHeight = maxOffset; } } 我试了通过在页中找到最低的元素的偏移的底部出页面的最大高度。

问题是页的这在大多数情况下试管苗 500px 有关的实际长度。

任何人如有任何意见吗？我不敢相信只是为了获得一个页面的高度是多么困难 ！

问题: Unknown

来自这个问题: stackoverflowcom

答案

找到 BODY 标签，并获得 OffsetRectangleBottom 的该元素。 这会给你页面的高度。

以上就是关于如何设置html的input框的高度和宽度！全部的内容，包括:如何设置html的input框的高度和宽度！、html的height如何设置、怎么获取HTML元素“div”的宽度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！