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

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

css

7个回答

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

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

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

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

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

kdsjgkljdaljdsl'f

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

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

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
改变iframe的宽度和高度的问题
加载视频的时候,height设置的值会先显示然后执行js跳变到需要的高度,怎样才能没有这种跳变的过程。rnrnrn```rn rnrn rn```rnrn
div盒子宽度高度兼容性
       div盒子设置宽度和高度后,在IE浏览器和非IE浏览器(如火狐,满足W3C标准)会差生不兼容,ie  浏览器的宽度和高度包括border和padding的宽度和高度,而火狐等满足W3C标准的非IE浏览器 的宽度和高度就是内容宽度,不包括border和padding   解决方法 width:250px  !important; width:300px; 当含有两...
div高度和宽度填充父容器
方式一: 通过给html和body设置一个100%的高度来实现填充父容器 代码如下: &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;style...
JS设定DIV宽度和高度。
[code=HTML] aaa bbb cccrn[/code]rnrn如何使 body: height 100%,width 100%;rnDIV004 固定在底部 height 200px,width 100%;rnDIV002 width 200px,height 100%-200px;rnDIV003 width 100%-200px,height 100%-200px;rnrn我尝试给尝DIV002和DIV003外嵌一个DIV001,在上面的代码基础上试过在CSS里设置百分比,然后DIV004 min-hight:200px;DIV002 min-width:200px;但是效果不好。JS是否可以完美解决这个问题呢?
如何设置DIV的高度与宽度为当前可视区域高度与宽度?
页面SOURCE: rnrn rn rn rn rn rnrnrn问题:rn页面Main.asp中有一DIV,如何设置DIV的高度与宽度为当前可视区域高度与宽度
关于div自适应浏览器宽度和高度的问题
[code=HTML]rnrnrn 请调整浏览器窗口 rn rn rn rnrnrn rn rn左侧rnrn rn右侧rnrnrnrn[/code]rnrn我现在要求浏览器变化窗口大小的时候:#content 底部边线 距离浏览器底部2px #left的宽度固定为252px #right自适应宽度rn加了javascript代码好像无效 请问比较通用的做法
改变grid1单元格的宽度和高度
如何用编程的方式确定grid1单元格的宽度和高度?
如何改变控件的高度和宽度?
如何改变控件的高度和宽度?
Bootstrap改变控件的高度和宽度问题
通过 .input-lg 类似的类可以为控件设置高度,通过 .col-lg-* 类似的类可以为控件设置宽度。
浏览器窗口大小改变时,动态改变div高度和宽度
header、footer高度固定,aside宽度固定,当浏览器窗口大小改变时,动态改变aside高度,content高度和宽度。 html<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>changeble</title> <link rel="stylesheet" href="c
鼠标拖动改变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高度
示例:点击显示更多 &lt;img class="tt" src="jt.png" /&gt; &lt;div class="add keep"&gt; &lt;p&gt;Google文档搜索:当需要搜索特定格式的文件时,使用“filetype:pdf/doc/ppt…”。例如,搜索关于Python的pdf格式的文档资料,搜索框输入: “Python” filetype:pdf即可。当然想要其他...
用JQuery改变div高度的问题
现在要实现一个动态变化的柱状图,用户单击一个柱状图,该柱状图就会向上增长一段高度rn[img=http://img.my.csdn.net/uploads/201303/16/1363419377_3685.png][/img]rnrn现在的问题是用如下代码增加DIV的调度rn$(this).animate(height:'+=50px',900);rn发现div并不是向上增长的,而是向下增长。rn[img=http://img.my.csdn.net/uploads/201303/16/1363419447_8690.png][/img]rn怎样才能让这个DIV向上增长呢?
div高度随iframe高度改变而改变
我想让div的高度随着iframe的高度改变。rnrn rnrnrnrniframe能自动适应高度。rnrn但是DIV高度没变。求高手!
父div随着子div的高度改变而改变
父div随着子div的高度改变而改变问题情况1:父div未设置高度,子div为标准流(即未设置浮动)<body> <div class="aa">父div <div class="bb">子div</div> <div class="cc">子div</div> </div> </body>此时的父div随着子div的改变而改变 情况2:父div设置
JS 获取div框的宽度和高度
今天遇到问题,需要计算放置的说明文字的坐标点 网上大多说使用字体和文字长度来计算, 字体并不是等长的,所以计算不准确。 突然想起  div 的scrollWidth     和     scrollHeight   属性。 在将div的内容设置好了以后, 这2个准确得到了宽度 和 高度。   &amp;lt;input type=&quot;button&quot; onclick=&quot;calculate()&quot; v...
div如何铺满剩余高度或宽度
假设一个div1,里面有div2和div3,div2已经布局好了高度固定,如何让div3铺满剩下的高度?请附上自写的代码,谢谢!
chrome div 百分比 高度 宽度 无效
chrome下div设置百分比高度失效 只能用px解决 .div1 {height:50%} 原因是因为div没有参照对象 给定body的百分比即可 body{height:100%;width:100%}
JS动态获取div的宽度、高度
JS动态获取div的宽度var o = document.getElementById("div1");var w = o.clientWidth||o.offsetWidth;alert("Div1" width is "+w);JS动态获取div的高度同理:var o = document.getElementById("div1");var h = o.clientHeight||o.off
Div怎么实现页面 "100%"的宽度和高度???
[color=#FF0000][b]Div怎么实现页面 "100%"的宽度和高度???[/b][/color] rnrn现在是这样的有一个页面,有两个“Div”。 rnrn[b]第一个Div是“100%”的高度和宽度,它的背景是纯色。 希望它可以随着屏幕的大小,全屏显示。[/b]rnrn.tyeet_loginrn rn height:100%;rn width:100%;rn background-color:#3c611a;rnrnrnrn[b]第二个Div是登录框的主窗体,背景是一个图片。希望它可以在第一个层中水平居中和垂直居中显示。[/b]rnrn.tyeet_login_mindlernrn background:url(image/login.gif);rn width:800px;rn height:600px;rnrnrnrn[color=#FF0000][b]HTML:[/b][/color]rn rn rn rnrn
jquery里面获取div区块的宽度与高度
获取宽度 $('div').width();     获取:区块的本身宽度 $('div').outerWidth();     获取:区块的宽度+padding宽度+border宽度 $('div').outerWidth(true);    获取:区块的宽度+padding宽度+border宽度+margin的宽度 获取高度 $('div').heig
设置div高度等于动态宽度
项目中有时候会遇到这个问题:一行有3个div,希望这3个div平分屏幕宽度,并且高度等于宽度。 第一个问题:平分屏幕宽度 可以对div设置百分比宽度,而不是直接用px宽度,这里用到了响应式设计的思想,可以参考这篇文章:自适应网页设计(Responsive Web Design) 第二个问题:动态设置高度和宽度一致 有两种方法,一种是用js动态设置,一种是直接用CSS设置 先看下html代码
div超出宽度或高度显示滚动条
style=&quot;overflow:auto;&quot; 一般使用:overflow:auto;这样在移动下有些超出的就可以进行滚动了。 效果: overflow 一共有5个属性。 1、overflow:auto;内容会被修剪,超出设置的宽高后会出现滚动条 2、overflow:scroll;内容会被修剪,不管内容是否超出,都会出现滚动条的位置 3、overflow:visible;这个是默...
div高度以宽度为基础
div高度以宽度为基础 问题描述:例如网页常见的图片列表,当屏幕宽度(ul宽度)不固定时,子项(li宽度)也随着改变.因此,图片高度也应跟随改变. 方法: (1) 为li设置宽度(百分比),假如一行4个,设置为25%. (2) 设置 padding-bottom(或者padding-top) 为 25%,则 li宽高相等,为 12.5% 则高为宽的一半.(注意:并不是设置了高度),绝对定位. (3...
关于获取div等的宽度、高度
[code=CSS]rn.textrnrn position: absolute;rn top: 250px;rn left: 500px;rn width: 300px;rn height: 160px;rnrn[/code]rn[code=JScript]rnvar _alertPanel = document.createElement("div");rn _alertPanel.setAttribute("id", this.alertLayerID);rn //_alertPanel.setAttribute("class", "drag"); /*W3C*/rn _alertPanel.setAttribute("className", "drag"); /*IE*/===》为什么 alert(_alertPanel.offsetHeight)的高度 不等于 160px???rn //_alertPanel.style.cssText = "height: 160px;";===》alert(_alertPanel.offsetHeight)的高度就是160px;rn document.body.appendChild(_alertPanelrnalert(_alertPanel.offsetHeight);rn[/code]rnrn
怎么让div自适应内容的高度和宽度?
我的div里面有一行文本,有长有短,我想让div根据文本自适应长度和宽度。rn我将div的padding属性设为4px,结果发现高度是4个像素,但是宽度却远远超过了文本的长度,也就是padding-left和padding-right虽然显示是4px,但事实并不是这样。rn我想问一下这个问题有人知道怎么解决吗?原因出在哪?
图片自适应宽度和高度的问题
问题是这样的:rnrn假设$str中存储着用户提交的HTML内容,确定$str中存储有图片,形式如,但是不知道是几张图片,现在有一段JS代码可以使图片达到自适应的效果,但是必须 写入到标签内,怎样能把$str中所有的图片提取出来,然后再把调用JS的函数 写进去?rnrn
字体宽度和高度的问题
请问默认情况下一个字的高度和宽度是多少px,我本来想这样得到rnTextView tv = (TextView)findViewById(R.id.**)rntv.setText("我");rnint width = tv.getWidth();rnint height = tv.getHeight();rn但不知为何返回0 rn
窗体宽度高度问题
窗体宽度设置为620*600,listView宽度设置为600*400,listView.Location= new Point(10,10)rn按理说listView应该是水平居中的,但实际上listView却在窗体中偏右,这是为什么?rn如果想让listView居中,那这些属性该怎么设置(不用设计试图)?rn窗体最上面的蓝条height是多少?
react-native之高度和宽度问题
react-native之高度和宽度问题
获取高度及宽度问题。。。。。。。。。。。。。。。。。。
js 怎么获取 easyui Dialog 的当前宽度及高度
未知div宽度高度使div水平垂直居中(弹性盒子方法)
不使用js的情况下有三种方法: 1、css3弹性盒子flexbox 2、display:table-cell; 3、transform:translate(); 在这介绍一下css3的弹性盒子内容,对该属性了解的可以直接下拉看红色分割线下的水平垂直居中的方法: 弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。 弹性容器通过设置 di
一个div宽度或高度固定,另一个div铺满剩余空间
直接上代码: 宽度确定:利用了BFC原理 //方案一 &lt;body style="margin:0;padding:0;height:100%;width:100%;position:absolute;"&gt; &lt;div style="background-color:#c7c7c7;width:300px;height:100%;float:left;"&gt; &lt;/di...
怎样改变choice的高度,宽度,还有字体?
高度和宽度并非指点击choice时弹出的下拉条的高度和宽度?rn请高手指教!!!!
请问怎样在里面改变SELECT的宽度和高度?
请问怎样在里面改变SELECT的宽度和高度?
如何动态的改变 textbox 的高度或宽度?
asp.net 中语言用vb
如何改变CScrollBar 的滚动条的宽度或高度?
RT,是不是需要自己重写这个类?
div背景变成透明后div高度和宽度消失
rn这个层覆盖在其他层上,background-color:transparent层变成0*0,background-color:#555层变成180*90,很奇怪的问题
鼠标悬停改变滚动条样式(高度、宽度、颜色)
接到UE需求,需要对界面滚动条进行修改,主要是鼠标悬停改变颜色和大小,心里想着是比较简单的(万恶的IE肯定不在考虑范围内),谁知道愣是搞了半天才完成ORZ,直接上源码和实现图吧。 css代码 ::-webkit-scrollbar{ height: 9px !important; width: 9px !important; ...
怎样改变mshflexgrid每行的高度和列的宽度?
怎样改变mshflexgrid每行的高度和列的宽度?
相关热词 c# 标准差 计算 c#siki第五季 c#入门推荐书 c# 解码海康数据流 c# xml的遍历循环 c# 取 查看源码没有的 c#解决高并发 委托 c#日期转化为字符串 c# 显示问号 c# 字典对象池