js设置元素宽度

JavaScript013

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，才能实现很多强大的功能