CSS控制DIV宽度代码:

html-css012

CSS控制DIV宽度代码:,第1张

<div

class="main"><div

class="left"></div><div

class="center"></div><div

class="right"></div><div

class="cle"></div></div><style

type="text/css">.main

{width:1000pxmargin:0

auto}.left

{width:245pxfloat:left}.center

{width:435pxfloat:leftmargin-left:10px}.right

{width:300pxfloat:right}.cle

{height:0clear:both}</style>

正常情况中间是要定宽度的,特殊手段还是做到不定宽度的,注意:center、left和right的总宽度+他们的margin不能大于main的宽度。

常用div宽度获取 dom.offsetWidth:只读属性,返回元素的布局宽度数值(int)(content + padding + border),此数值为四舍五入后的整数 dom.getBoundingClientRect().width:只读属性,返回元素的布局宽度数值(int)(content + padding + border),此数值不会四舍五入 window.getComputedStyle(dom).width:只读属性,返回元素内容宽度的数值和单位(string)(content) dom.scrollWidth:只读属性,返回全部content+ padding 的宽度数值(int) dom.clientWidth:只读属性,返回元素内容可视区域的宽度(content + padding)

<div class="main"><div class="left"></div><div class="center"></div><div class="right"></div><div class="cle"></div></div><style type="text/css">.main {width:1000pxmargin:0 auto}.left {width:245pxfloat:left}.center {width:435pxfloat:leftmargin-left:10px}.right {width:300pxfloat:right}.cle {height:0clear:both}</style>正常情况中间是要定宽度的,特殊手段还是做到不定宽度的,注意:center、left和right的总宽度+他们的margin不能大于main的宽度。