js设置元素宽度

JavaScript06

js设置元素宽度,第1张

变量没什么问题的,你看看,这个s有没有值,是不是加载js时,还没到body那儿,也就计算不出客户端的宽度。以下是具体实现代码:

具体公式是:

var  s = document.body.clientWidth

document.getElementById("body1").innerHTML=s

document.getElementById("body1").style.width="200px"

这个问题我自然想到过,所有时时都把S 是值显示出来了,S是有效的数字型的变量。

你这个应该是给某个元素添加宽度吧(和窗体一样款)

js: document.getElementById("id").style.width = document.body.clientWidth + "px"

jq:$("#id").width($(window).width())

像这种结构 一般情况下 内容的div会比标题的div字数要多 也就是要比标题的div要宽。

div本身属于块结构,如果要让div 的宽度自适应,就需要div 的父容器是自适应的,所以理论上说:

<div>

标题{$r[title]}

<div>内容{str_cut($r[description],800)}</div>

<div>

这种结构就能做到你所说的要求,但是父容器本身又是一个块结构的div,同时又需要父对象是自适应的,就需要一级一级向上推,很难实现。

所以简单的做法就是检测标题的宽度,赋值给内容div,就可以实现你的需求。

单纯的css很多样式需求是很难实现的,只有结合了js,才能实现很多强大的功能