zoukankan      html  css  js  c++  java
  • 关于clientWidth scrollWidth offsetWidth的理解

    • clientWidth:元素可见区域的宽度  clientWidth=padding+width-滚动条
    • scrollWidth:元素实际内容的宽度 scrollWidth=padding+width(元素实际的内容)
    • offsetWidth:元素可见区域的宽度+边框 offsetWidth=border+width+padding

     代码设置

    textarea{
    border: 5px solid red;
    200px;
    height: 200px;
    padding: 5px;
    }
    在内容没有超出可视区域的时候
    clientWidth=5+200+5
    scrollWidth=5+200+5
    offsetWidth=5+5+200+5+5

    在内容超出可视区域的时候
            clientWidth=5+200+5
    scrollWidth=5+实际宽度+5
    offsetWidth=5+5+200+5+5

       

    在练习中遇见的问题

       没有在文档最上面加<!DOCTYPE html>

       textarea被浏览器设置成默认属性  有box-sizing:border-box属性,宽高被固定  padding和border都被包含在width里了

    
    


  • 相关阅读:
    使用ant部署web项目
    搭建ant环境
    Myeclipse8.5,9.0安装svn插件
    自定义任务扩展 ANT
    使用jmeter测试 webservice
    随机数猜1-9的数字
    线性表
    显示所有线性元素
    新学到的继承链
    计算圆
  • 原文地址:https://www.cnblogs.com/supershare/p/5592372.html
Copyright © 2011-2022 走看看