В этом документе для элемента body свойство clientWidth == ширина страници, даже если на body размещены элементы которые вылазят за body
В этом документе clientWidth для div размещенного на body больше body.
Всегда ли свойство clientWidth для body равно ширине страници? Если нет, то в каких ситуациях будет иначе?
Мне это нужно для того что бы добиться одинаковой(правильной) работы кода во всех возможных ситуациях
<html>
<head>
</head>
<body>
<div id="div_info"
style="position: absolute; top: 0; left: 0; padding: 10px; z-index: 10; width: 200px; background-color: yellow;">
</div>
<div id="div1" style="width: 3000px; height: 300px; position: relative; background-color: orange; border: 1px solid;">
<span style="position: absolute; bottom: 0;">div#div1</span>
</div>
</body>
<script type="text/javascript">
var info = "";
var body = document.getElementsByTagName("body")[0];
info += "body.clientWidth: "+body.clientWidth+"<br>";
info += "body.clientHeight: "+body.clientHeight+"<br>";
var div1 = document.getElementById("div1");
info += "div#div1.clientWidth: "+div1.clientWidth+"<br>";
info += "div#div1.clientHeight: "+div1.clientHeight+"<br>";
document.getElementById("div_info").innerHTML = info;
</script>
</html>