设置div宽度和高度

#a {overflow:hidden;text-align:center;}

#b {overflow:hidden;}

-----------------------------------------------------------------

<div id="a">

<div id="b"><img src="img/01jpg" /></div>

</div>

不知道你具体要做成哪样的。你最好把效果图截出来，包括它周围的元素

CSS设置div边框颜色宽度和高度步骤如下：

1、新建一个html文件，创建一个类名为wrap的div。

2、先通过css类选择器选择到div来控制div的宽度和高度和背景颜色（没有边框时方便看出来div的大小）。

3、通过div 的border属性控制边框颜色，设置border的宽度为2px，线型为实线，颜色为蓝色。

4、这样就可以设置div边框颜色宽度和高度，如下图：

扩展资料：

css border属性：

border 简写属性在一个声明设置所有的边框属性。

可以按顺序设置如下属性：

border-width，border-style，border-color

如果不设置其中的某个值，也不会出问题，比如 border:solid #ff0000; 也是允许的。

<script type="text/javascript">

//jquery获取ID为abc的元素的宽度

alert($("#abc")width());

//js获取ID为abc的元素的宽度

alert(parseInt(documentgetElementById('abc')stylewidth));

</script>

js通过html对象的style属性获取元素属性

获取到的值是包含单位（px像素）的

将获取到的值转化成整数就可去掉单位

parseInt() 函数可解析一个字符串，并返回一个整数

语法

parseInt(string, radix)

参数 描述

string 必需。要被解析的字符串。

radix 可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。

                  如果省略该参数或其值为 0，则数字将以 10 为基础来解析。

                  如果它以“0x” 或 “0X” 开头，将以 16 为基数。

                  如果该参数小于 2 或者大于 36，则 parseInt() 将返回 NaN。

返回值

返回解析后的数字。

代码大致如下供参考：

var image=new Image();

imagesrc=//你的背景的src;

var divelement = documentgetElementById(你的div的id);

divelementstyleheight=(imageheightdivelementoffsetWidth)/imagewidth + "px";

几个需要注意的地方是imagesrc=xxx后需要等待直到下载完成。但是如果这个脚本是在你的div已经初始化好之后调用的话，那么已经被下载过了，所以直接进行后面的就好。另外以styleheight来设置高度的话后面需要加单位，比如px

div中是在jsp中使用，用来设置区域上的效果，可以使用document对象来获得该div的id，进而得到该div所占据的宽度值，如下：

<div id="banner" style="width:100%">

js获取banner的宽度：documentgetElementById("banner")offsetWidth

以上就是关于设置div宽度和高度全部的内容，包括:设置div宽度和高度、CSS如何怎么设置div边框颜色宽度和高度、js 怎样获取div的宽度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！