首页 > 其他分享 >盒模型问题

盒模型问题

时间:2023-02-28 10:26:01浏览次数:37  
标签:padding arr color 模型 100px 问题 width border

一个有宽度 高度 和padding 以及border的盒子到底有多大

答:宽度 加padding 加border 的总和

验证代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .test{
            width: 100px;
            height: 100px;
            padding: 20px;
            border-style: solid;
            border-width: 10px;
            border-color: blue;
            color: pink;
            background-color: aqua;
            margin: 30px;
        }
    </style>
</head>
<body>
    <div class="test">1</div>
    <script>
        let people={
            name:'tom',
            age:19,
            job:{
                one:'studernt',
                two:'more'
            }
        }
        let arr=[1,2,3]
        console.log(...arr)
    </script>
</body>
</html>

 

标签:padding,arr,color,模型,100px,问题,width,border
From: https://www.cnblogs.com/xiaobaizitaibai/p/17162979.html

相关文章

  • KingbaseES libstdc++.so.6 version 'CXXABI_1.3.8'问题处理
    概述initdb报错如下:“ERROR:libstdc++.so.6:version:'CXXABI_1.3.8'notfound(requiredby...)”此文是以CentOSLinux7(AltArch)操作系统为例,编译安装高版本GC......
  • 表名大小写混合时格式问题及sys_dump导出时的注意事项
    前言前几天碰到同事咨询一个有关sys_dump导出时,表名为大小写混合情况的报错问题。因为sys_dump命令运行在linux操作系统上,所以这涉及到linux中shell的语法格式问题。下面......
  • .Net之Winform桌面应用程序中Combobox三级下拉菜单连动问题的解决方案
    由于上传数据库不方便,所以,就直接使用XML文件做数据库吧。这是实现后的效果截图: 三级菜单对应的XML文件(数据库):第一级:省/直辖市,对应的XML文件:Location_Province.xml第二级:......
  • 如何解决7z: command not found问题
    7z是一种常见的压缩文件格式,如果你想要压缩或解压缩7z文件,你需要在你的系统上安装p7zip和p7zip-full。但是,有时候你会发现当你尝试运行7z或7za命令时,它会显示“bash:7z:c......
  • 关于 MySQL 中文排序问题
    在MySQL数据库中使用UTF-8的编码进行排序会出现不按照中文拼音的顺序排序,而UTF-8是数据库的默认字符集,而且该字符集忽略大小写。解决这个问题的方案有两种:1)把编码......
  • 困扰多年的 Kubernetes 健康检查问题终于解决了
    我们有一个部署在k8s上的应用被一个健康检查问题困扰多年,每次发布时由于健康检查(readinessprobe)失败,pod要被重启很多次,快的话要等半小时到1小时pod才能启动成功,慢......
  • 并发replace操作导致的死锁问题
    背景批量对一张表进行replaceinto操作,每个SQL操作1000条数据,最近有同事反馈使用并发replace操作的时候,遇到了死锁的问题。针对这个问题,我看了看表的结构,发现表中有一个主......
  • springboot+mybatis-plus数据库mysql+sybase遇到的一些问题
    我们服务启动时,sybase数据库连接直接创建10个连接。(为什么启动时会创建这么多连接?)有时候可以写入sybase库,大部分写入失败查询sybase库数据可以查出来,没问题尝试的方......
  • Django uwsgi问题解析
    通常情况下,部署Django应用到生产环境时都会通过uwsgi部署,uwsgi一些配置项配置问题有可能会导致服务出现502状态码或者其他超时等的情况常用到的配置项如下:reload-on-as......
  • JavaWeb 读资源的问题-2023-2-27
    1、db.properties文件中读取username和password2、getResourceAsStream("/web-inf/classes/db.properties")3、properties.getProperty("username")publicclass......