2 qq 39824632 qq_39824632 于 2017.09.02 11:15 提问

<div>的改变高度和宽度问题

请问一下改变div的宽度和高度必须加上position:absolute吗?我们老师说必须加,但是我看网站的源码没有啊?请大神指点一下吧谢谢了图片说明

7个回答

Small_Mouse0
Small_Mouse0   Rxr 2017.09.02 11:19

position:absolute,,,和位置有关吧,,,老师的意思可能是保证位置不变的情况

关于position,这篇博客很详细http://blog.csdn.net/chen_zw/article/details/8741365

playboyanta123
playboyanta123   2017.09.02 11:43

你哪个学校的?老师也有很多不靠谱的,要有质疑的态度!
如果单纯只是改变div的大小的话那直接给div设置宽度和高度就可以了,这个是可以直接改变的,如果不行肯定是有其他样式把他影响了
还有position是影响元素的定位的,跟大小完全没有关系,所以我怀疑你听课只听一半,你们老师说的前提条件你肯定没听清楚
自己要多去看看css 每一种属性对应的讲解,随时怼翻任何人

a1075062008
a1075062008   2017.09.02 12:55

设置宽高跟display相关,跟position无直接关系。
div作为块级元素,默认状态下可以直接设置宽高。
在设置了display:inline;转换为行内元素后是不可以设置 height和margin-top,margin-bottom的。
但是如果设置了position:absolute元素会脱离文档流,转换为块级元素。

Mr_cuiwei
Mr_cuiwei   2017.09.02 13:07

position:absolute这个是定位的(设置位置的),是绝对定位,和设置宽度,高度没有 关系。望采纳。可以看一下http://blog.csdn.net/chen_zw/article/details/8741365

qq_29905817
qq_29905817   2017.09.02 14:31
kdsjgkljdaljdsl'f
qq_29594393
qq_29594393   Ds   Rxr 2017.09.02 15:08

这老师感觉不行,误人子弟呀,position 只和定位相关,和div 的盒模型无关

qq_39497330
qq_39497330   2017.09.02 15:38

加上position:absolute代表你将div改变成块级元素,这时如果要设置高度和宽度的话,你们老师应该是要求你将div设置相对整个网页的高度和宽度,此时的高度宽度也就是你在网页的整体布局中X轴和Y轴的高度和宽度。

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
js改变div宽高
jquery全选               function aa() {               document.getElementById("aa").style.width="200px";      //注意这里要打引号
jquery 监听div大小变化函数|div resize事件
http://www.itshij.com/divresize 今天,小编给大家整理的是监听div大小变化的jquery扩展,通过这个函数扩展jquery,使div也具有和窗口一样的resize功能 监听div大小变化 JavaScript 1234567891011121314
js实现div动态改变大小
网上看到的相关代码,记下,以备日后使用。 body { margin:0; padding:0; } #header { height: 70px; background-color: Blue;
jQuery获取与设置div的宽高
有两种方法获取与设置div的宽高:使用尺寸函数或使用css方法 获取宽高 1. 尺寸函数:height() 获取高度,width() 获取宽度 2. css获取div宽高:css("height")获取高度,css("width")获取宽度 区别:尺寸函数获取的值为整型,而css获取的值为带px的字符串 $(".div1").click(function()
通过鼠标的拖动改变DOM的高度和宽度
好久不写博客了......。 web前端开发中,通过鼠标的拖动改变控件高度和宽度的做法有多种。我以前使用的方法是:为控件添加mousemove事件,当鼠标移到边距时,显示cursor为e-resize,表示可以拖动。在mousedown事件中设置document的鼠标事件,在mouseup中移除document的鼠标事件。这样的做法导致:当鼠标移到控件上后,每动一下鼠标,就需要运行一次move
javascript动态改变div大小
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml">                 function disappear() {             var divtest = document.getElementById("divtest");
Bootstrap改变控件的高度和宽度问题
通过 .input-lg 类似的类可以为控件设置高度,通过 .col-lg-* 类似的类可以为控件设置宽度。
鼠标拖动改变div高度
鼠标拖动改变div高度 !window.jQuery && document.write(''); html, body{ height: 100%; margin: 0; padding: 0; } #footer { position:fixed; bottom:0; left:0; width:100%; height:30px; background-color:#B8D0FA;
js拖动改变div的宽高
#box{position: absolute;top: 150px;left: 250px;width: 200px;height: 200px;background-color: red;} window.onload=function(){ var oBox=document.getElementById('box'); var b='';//声明两个空变量
JS实现DIV盒子高度为宽度2倍
JS控制DIV高度,同理可实现控制DIV宽度变化。具体方法如下: 方法一: test var div = document.getElementById("div"); var width=parseInt(div.style.width) || div.offsetWidth; div.style.height=width*2 + "px"; 方法二: test var