JavaScript面试题（一：幽灵白条，！important不是最大）

矫情吗；* 2022-11-22 05:30 109阅读 0赞

### 幽灵白条 ###

一个div里面包一个span没有任何内容，会被自动撑开。

<!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
      <style>
        * {
          margin: 0;
          padding: 0;
        }
        span {
          display: inline-block;
        }
        div {
          background-color: pink;
          /* 解决办法 */
          /* font-size: 0; */
          /* line-height: 0; */
        }
      </style>
    </head>
    <body>
      <div>
        <span></span>
      </div>
    </body>
    </html>

### !important不是最大的权重 ###

当宽高都给!important时 再给盒子一个最小宽高就会被直接撑开。

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
            div {
                width: 500px !important; 
                height: 500px !important;
                min-width: 1000px;
                min-height: 1000px;
                background-color: aquamarine;
            }
        </style>
    </head>
    <body>
        <div>a</div>
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，109人围观）

还没有评论，来说两句吧...

相关阅读

相关 javascript面试题(javaScript面试题)

有哪些经典的 Web 前端或者 JavaScript 面试笔试题一、不定项选择题 (每题3分，共30分) 1. 声明一个对象，给它加上name属性和show方法显示

雨点打透心脏的1/2处/ 2023年09月25日 08:42/ 0 赞/ 245 阅读

相关每日一题：Leetcode 面试题63.股票的最大利润

题目描述：假设把某股票的价格按照时间先后顺序存储在数组中，请问买卖该股票一次可能获得的最大利润是多少？示例 1: 输入: \[7,1,5,3,6,4\] 输出

浅浅的花香味﹌/ 2023年07月09日 05:25/ 0 赞/ 35 阅读

相关中级JavaScript 思维面试题（一）

答案解析在底部 1、问：下面的代码会打印什么 ? 为什么? window.a || (window.a ='1'); console.log(wind

￡神魔★判官ぃ/ 2023年07月07日 03:44/ 0 赞/ 46 阅读

相关 JavaScript100道大厂笔试面试题(一)

> 以下题目来自Duing公众号，本文所有题目已获得原作者授权 1、以下代码输出的结果是： var foo=function bar(){ } cons

心已赠人/ 2023年01月13日 14:57/ 0 赞/ 288 阅读

相关 Java面试题:String字符串的最大长度是多少？

在学习和开发过程中，我们经常会讨论 short ，int 和 long 这些基本数据类型的取值范围，但是对于 String 类型我们好像很少注意它的“取值范围”。那么对于 St

向右看齐/ 2022年12月21日 02:23/ 0 赞/ 193 阅读

相关 JavaScript高频面试题（一）

一.CSS中link和@import的区别是？ (1).link属于HTML的标签，而@import是CSS提供的。 (2).页面加载时，link会被同时加载，而@im

分手后的思念是犯贱/ 2022年12月16日 03:52/ 0 赞/ 257 阅读

相关幽灵白条（扩展）

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

小鱼儿/ 2022年11月22日 05:30/ 0 赞/ 174 阅读

相关 JavaScript面试题（一：幽灵白条，！important不是最大）

幽灵白条一个div里面包一个span没有任何内容，会被自动撑开。 <!DOCTYPE html> <html lang="en"> <head

矫情吗；*/ 2022年11月22日 05:30/ 0 赞/ 110 阅读

相关 javascript面试题 30个最火热的面试题

1、documen.write和 innerHTML的区别答案： document.write只能重绘整个页面 innerHTML可以重绘页面的一部分 2、浏览

落日映苍穹つ/ 2022年09月23日 08:51/ 0 赞/ 246 阅读

相关 JavaScript初级面试题（一）

> 一、关于字符串 1、如何截取字符串“[http://www.iamhuangxiquan.com][http_www.iamhuangxiquan.com]”中的w

旧城等待，/ 2022年03月19日 08:23/ 0 赞/ 340 阅读