如何使div的位置随浏览器窗口缩放大小比例变化

<div style="position:absolute; left:10vw; top:10vh"></div>

left:10vw：距离窗口（其实是可视区域，即窗口去掉边框。下同）左边是整个窗口宽度的10%

top:10vh：距离窗口上边是整个窗口高度的10%

如果想大小也随窗口缩放而变化，则可以这样：

<div style="position:absolute; left:10vw; top:10vh; width:50vw; height:50vh"></div>

width:50vw：宽度是整个窗口宽度的50%

height:50vh：高度是整个窗口高度的50%

windowonresize=function ()

{

var iHeight = documentdocumentElementclientHeight||documentbodyclientHeight;

objstyleheight=iHeight;

}

上面其中的obj就是你要处理的对象也就是那个要填满屏幕的div

用VBAPI吧,

ShowWindow

VB声明

Declare Function ShowWindow Lib "user32" Alias "ShowWindow" (ByVal hwnd As Long, ByVal nCmdShow As Long) As Long

说明

控制窗口的可见性（在vb里使用：针对vb窗体及控件，请使用对应的vb属性）

返回值

Long，如窗口之前是可见的，则返回TRUE（非零），否则返回FALSE（零）

参数表

参数 类型及说明

hwnd Long，窗口句柄，要向这个窗口应用由nCmdShow指定的命令

nCmdShow Long，为窗口指定可视性方面的一个命令。请用下述任何一个常数

SW_HIDE 隐藏窗口，活动状态给令一个窗口

SW_MINIMIZE 最小化窗口，活动状态给令一个窗口

SW_RESTORE 用原来的大小和位置显示一个窗口，同时令其进入活动状态

SW_SHOW 用当前的大小和位置显示一个窗口，同时令其进入活动状态

SW_SHOWMAXIMIZED 最大化窗口，并将其激活

SW_SHOWMINIMIZED 最小化窗口，并将其激活

SW_SHOWMINNOACTIVE 最小化一个窗口，同时不改变活动窗口

SW_SHOWNA 用当前的大小和位置显示一个窗口，不改变活动窗口

SW_SHOWNOACTIVATE 用最近的大小和位置显示一个窗口，同时不改变活动窗口

SW_SHOWNORMAL 与SW_RESTORE相同

　1、点击菜单中的“插入”，点击下拉菜单中的“对象”；

2、在d出的“对象”对话框中，点击“新建”下的“AutoCAD图形”，这时会打开CAD程序，进入CAD *** 作界面（当然，电脑必须要安装有CAD软件）；

3、将别的CAD中的图复制粘贴在里面，或者直接绘制需要的图形，按“ctrl”+“s”键保存后关闭CAD程序，这时会以格式将刚才的图复制到word中；

4、在上单击右键，点击“显示工具栏”，将工具栏显示在 *** 作界面上；

5、点击工具栏中的“”图标，点击“浮于文字上方”；

6、在上单击右键，点击快捷菜单中“组合”的子菜单“取消组合”；

7、这时会d出一个是否转换对象的对话框，点击“确定”即可，然后就可以用word中的绘图工具进行编辑了。

说明：这时会发现所占的范围比较大，会d出一个“绘图画布”的工具栏，点击“调整”即可将图形自动调整到合适的大小范围。

窗体属性分为五大模块：窗口的外观、位置、大小、可见性和状态、生命周期。

1、 窗口的外观

WPF中默认窗口框架的外观，主要取决于Icon、Title、WindowsStyle、ResizeMode等属性。

Icon 指定窗口的图标；

Title 指定窗口的标题；

WindowStyle 指定窗口样式，有4个取值：

None，无边框；（当ResizeMode属性为NoResize时，仅剩下窗口核心。）

SingleBorderWindow，单边框默认；

ThreeDBorderWindow，3D边框；

ToolBorderWindow，工具箱窗口

ResizeMode 是指定大小调节样式，有4个取值：

NoResize，不可调节，同时没有最大最小按钮；

CanMinimize，不可调节。但可以最小化；（此时最大化按钮不可用）

CanResize，可调节默认；

CanResizeWithGrid，可根据网格调节；（窗口右下脚显示可调节网格）

2、 窗口的位置

WindowStartLocation 指定窗口初始位置，有3个取值：

Manual，手工指定位置，表示可以通过设置其Top、Left属性值来决定窗口的初始位置；

CenterScreen，屏幕中央；

CenterOwner，父窗体中央；

TopMost 调节窗口的前后顺序，属性值为true时，窗口位于最前。

TopMost值为true的窗口，位于TopMost值为false的窗口之前

TopMost值都为true的窗口，获得焦点的窗口位于前

3、 窗口的大小

Width、Height，分别表示窗口的宽度和高度，称为“尺寸属性”。

MaxWidth、MinWidth、MaxHeight、MinHeight，分别表示窗口最大宽度、最小宽度、最大高度、最小高度。可以通过得到和更改这些属性值，来获取和改变窗口的大小和长宽范围。

ActualWidth、ActualHeight，分别表示窗口的实际宽度和实际高度，称为“实际尺寸属性”。

实际尺寸属性是根据当前窗口大小、最小化时窗口大小和最大化时窗口大小来计算得到的，其值是只读的，也就是说，不能通过改变ActualWidth、ActualHeight的值来更改窗口大小。

SizeToContent，表示窗口大小由内容决定，有4个取值：

Manual，手工默认；

Width，窗体宽度由内容决定；

Height，窗体高度由内容决定；

WidthAndHeight，窗体大小由内容决定；

如果内容尺寸超过了窗口的最大或最小范围，还是以最大/最小范围为主。如果手工指定了窗口的Width、Height 属性，那么SizeToContent将被忽略。

ReSize，窗口大小的可调整性（第1部分已提到）

4、 窗口的可见性和状态

Visibility，窗口可见性，有4个枚举值：

Visiable，可见；

Hidden，隐藏；

Collapsed，折叠。

虽然窗口类认为Collapsed与Hidden一样，但二者区别在于，Hidden仅仅将元素设为不可见，但是元素在画面上依然占有空间；而Collapsed，在不可视的基础上，能将元素在画面上的占位符清除，元素彻底不影响画面。

Show、Hide，显示窗口和隐藏窗口的两个方法。如果窗口的ShowInTaskbar属性值为true，Hide不但隐藏窗口本身，同时隐藏其在任务栏上的图标。

WindowState，窗口状态属性，有3个枚举值：

Normal，正常；

Maximized，最大化；

Minimized，最小化；

RestoreBounds，获取窗口在最小化或最大化之前的大小和位置，有4个枚举值，Top、Left、Width、Height。

5、 窗口的生命周期

关于各事件的描述：

Initialized：当窗口的FrameworkElement底层初始化时触发，即InitializeComponent方法调用时触发。

LocationChanged：窗口被移动时触发。

Activated：窗口被激活时触发。

Deactivated：窗口处于非激活时（即其他窗口处于激活时）触发。

Loaded：显示窗口之前触发。

ContentRendered：当内容显示的时候触发。

Closing：尝试关闭窗口时触发，可以将参数CancelEventArgs的Cancel的属性设置为true，取消关闭 *** 作。

Closed：在窗口关闭后触发该事件，无法取消。

Unloaded：当关闭窗口并且从可视化树移除后触发。

windowdocumentbodyclientHeight就可以

windowscreenavailWidth 返回当前屏幕宽度(空白空间)

windowscreenavailHeight 返回当前屏幕高度(空白空间)

windowscreenwidth 返回当前屏幕宽度(分辨率值)

windowscreenheight 返回当前屏幕高度(分辨率值)

windowdocumentbodyoffsetHeight; 返回当前网页高度

windowdocumentbodyoffsetWidth; 返回当前网页宽度

我们这里说说四种浏览器对 documentbody 的 clientHeight、offsetHeight 和 scrollHeight 的解释。

这四种浏览器分别为IE（Internet Explorer）、NS（Netscape）、Opera、FF（FireFox）。

clientHeight

大家对 clientHeight 都没有什么异议，都认为是内容可视区域的高度，也就是说页面浏览器中可以看到内容的这个区域的高度，一般是最后一个工具条以下到状态栏以上的这个区域，与页面内容无关。

offsetHeight

IE、Opera 认为 offsetHeight = clientHeight + 滚动条 + 边框。

NS、FF 认为 offsetHeight 是网页内容实际高度，可以小于 clientHeight。

scrollHeight

IE、Opera 认为 scrollHeight 是网页内容实际高度，可以小于 clientHeight。

NS、FF 认为 scrollHeight 是网页内容高度，不过最小值是 clientHeight。

简单地说

clientHeight 就是透过浏览器看内容的这个区域高度。

NS、FF 认为 offsetHeight 和 scrollHeight 都是网页内容高度，只不过当网页内容高度小于等于 clientHeight 时，scrollHeight 的值是 clientHeight，而 offsetHeight 可以小于 clientHeight。

IE、Opera 认为 offsetHeight 是可视区域 clientHeight 滚动条加边框。scrollHeight 则是网页内容实际高度。

同理

clientWidth、offsetWidth 和 scrollWidth 的解释与上面相同，只是把高度换成宽度即可。

=======================================================================

clientHeight与offsetHeight的区别

许多文章已经介绍了clientHeight和offsetHeight的区别，就是clientHeight的值不包括scrollbar的高度，而offsetHeight的值包括了scrollbar的高度。然而，clientHeight和offsetHeight的值到底由什么组成的呢？如何计算这两个数的值？

1 clientHeight和offsetHeight的值由什么决定？

假如我们有以下的DIV，主要显示的文字为"This is the main body of DIV"。

如上图所示，clientHeight的值由DIV内容的实际高度和CSS中的padding值决定，而offsetHeight的值由DIV内容的实际高度，CSS中的padding值，scrollbar的高度和DIV的border值决定；至于CSS中的margin值，则不会影响clientHeight和offsetHeight的值。

2 CSS中的Height值对clientHeight和offsetHeight有什么影响？

首先，我们看一下CSS中Height定义的是什么的高度。如在本文最后部分“APPENDIX示例代码”（注：以下称为“示例代码”）中，innerDIVClass的Height值设定为50px，在IE下计算出来的值如下所示。也就是说，在IE里面，CSS中的Height值定义了DIV包括padding在内的高度（即offsetHeight的值）；在Firefox里面，CSS中的Height值只定义的DIV实际内容的高度，padding并没有包括在这个值里面(70 = 50 + 10 2)。

in IE:

innerDivclientHeight: 46

innerDivoffsetHeight: 50

outerDivclientHeight: 0

outerDivoffsetHeight: 264

in Firfox:

innerDivclientHeight: 70

innerDivoffsetHeight: 74

outerDivclientHeight: 348

outerDivoffsetHeight: 362

在上面的示例中，也许你会很奇怪，为什么在IE里面outerDivclientHeight的值为0。那是因为示例代码中，没有定义outerDIVClass的Height值，这时，在IE里面，则clientHeight的值是无法计算的。同样，在示例代码中，如果将innerDIVClass中的Height值去年，则innerDIVclientHeight的值也为0。(注：在Firefox下不存在这种情况)。

如果CSS中Height值小于DIV要显示内容的高度的时候呢（当CSS中没有定义overflow的行为时）？在IE里面，整个clientHeight（或者offsetHeight）的值并没有影响，DIV会自动被撑大；而在Firefox里面，DIV是不会被撑开的。如在示例代码中，将innerDivClass的Height值设为0，则计算结果如下所示。IE里面的DIV被撑开，其clientHeight值等于内容的高度与padding2的和；而Firefox里面，文字将溢出DIV的边界，其clientHeight值正好是padding值的两倍。

In IE:

innerDivclientHeight: 38

innerDivoffsetHeight: 42

outerDivclientHeight: 0

outerDivoffsetHeight: 256

In Firefox:

innerDivclientHeight: 20

innerDivoffsetHeight: 24

outerDivclientHeight: 298

outerDivoffsetHeight: 312

以上就是关于如何使div的位置随浏览器窗口缩放大小比例变化全部的内容，包括:如何使div的位置随浏览器窗口缩放大小比例变化、求一段JS代码，能取得浏览器可视界面高度，并根据高度值改变网页显示的百分比、vb中如何是窗体一运行就是最大化窗口等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！