6、先使用【margin-left:-200px;】“-200px”这个数值自然就是DIV宽width:400px;的一半，并添加为负值。保存后刷新网页可以看到DIV已经左右居中了。7、可以看到不管我们把页面变成什么尺寸，DIV都会自动居中，是不是解决你的问题了呢？以上就是DW让DIV模块在页面中相对屏幕自动居中的教程。p盒子自适应...

接下来，使用 transform 属性和 translate(-50%, -50%) 值来将元素自身的宽度和高度的一半向左上方偏移，以使其完全居中。最后，通过设置元素的宽度和高度为百分比值（例如 50%），使其相对于父级元素的大小进行缩放。这样，当浏览器窗口缩放时，元素的位置和大小将根据父级元素的大小进行自适应调整。

网页自适应浏览器大小：\x0d\x0a\x0d\x0a首先要在头部，即标签内写自适应代码，如下：\x0d\x0a\x0d\x0a其次，网页内部的元素宽度要使用百分比，在不同的屏幕大小下需使用媒体查询定义不同的css代码，例如：\x0d\x0a@media screen and (max-width:0px){ \x0d\x0a element{ ...

使用百分比会自动根据浏览器大小进行缩放。比如winth:100 如果不想让页面随着浏览器大小而改变位置和大小，就用固定的像素值。winth:1024px

div层自动适应窗口大小，可以使用height：auto属性来自适应，示例如下： .FGH { height:auto !important; height:344px; min-height:344px; } 调用方法：Div+Css自适应高度,最小高度的方法 (兼容所有浏览器)

利用width: 100%;和height: 100%解决这个问题 div布局：未加CSS样式效果：3.添加CSS样式的效果：最终在浏览器的效果图：

div以百分比的形式来写，你现在的界面出现错乱，是因为当界面分辨率小的时候，有些内容自身的宽度超过了外侧div的宽度，此时就应该使用“媒体查询”，就是@media 如果你想要写起来简单一点，可以看一下框架bootstrap它就是一个适应不同设备的框架，就算是你不喜欢用框架，也可以学习一下它的布局方式、。

如果你想这两个DIV之间有间距，那么就设置宽度为48%就行，具体自己把握，然后设置左边的DIV左浮动，右边的DIV右浮动即可。高度是可以设置固定像素的，比如一个div的宽度为48%，高度为50px都行的，可以混用，只要记住使用百分比定义宽高长度就要设置对应的body的宽高为100%就行了 ...

你可以通过js获取浏览器窗口大小，在通过获取的高宽，改变div的大小，也可以参考响应式的思想，响应式涉及的比较多，建议你去查找一些相关资料

制作网站使页面大小自适应的方法代码如下:1.一种自适应建立计算机站网站的方法 全屏宽度主要在于CSS代码，将宽度设置为100%，而不是固定的像素值。代码如下。手机网络设置的自适应方法:在网页标题中添加这样一个meta标签:解释:怎么让chrome或者自带浏览器自动适应手机屏幕？chrome或者自带浏览器自动适应手机...