小黄练编程 发表于 2022-3-12 11:09:41

为何两个盒子，右边那个盒子会掉下来，离顶部有距离，明明空间够了。

<!doctype html>
<html>
    <head>
      <title></title>
      <meta charset="utf-8">
      <style>
            *{
                padding:0;
                margin:0;
            }
            .box1{
                width:1210px;
                height:453px;
                background-color:red;
            }
            .box2{
                display:inline-block;
                width:431px;
                height:453px;
                background-color:aqua;
            }
            .box3{
                display:inline-block;
                width:750px;
                height:453px;
                background-color:gray;
            }
      </style>
    </head>
    <body>
    <div class="box1">
      <div class="box2">
      <img src="/图片/zuo.png" alt="#" vspace="40" hspace="60">
         咖啡是世界三大饮料之一，是用经过烘焙的咖啡豆制作出来的饮料，与可可、茶同为流行于世界的主要饮品。
            咖啡树是属茜草科常
            乔木，日常饮用的咖啡是用咖啡豆配合各种不同的烹
            煮器具制作出来.
       </div>
       <div class="box3">
       <img src="/web开发期末作业/psd/you.png"vspace="140" hspace="50" alt="#">
      咖啡起源   
            咖啡树是属茜草科常乔木，日常饮用的咖啡是用咖啡豆配合各种不同的烹煮器具制作出来的，而咖啡豆就是指咖啡树果实里面的果仁，再用适当的方法烘焙而成，一杯标准的咖啡品尝起来的味道不应该是苦涩的，一名合格的咖啡师在制作咖啡时会严谨地进行每一步操作，最后为客人呈上
            的咖啡在味觉上会呈现出不同程度的甜度、酸度、醇厚度或是干净度。
         </div>
    </div>
    </body>
</html>

isdkz 发表于 2022-3-12 11:16:13

没有问题吧

小黄练编程 发表于 2022-3-12 12:10:01

isdkz 发表于 2022-3-12 11:16
没有问题吧

我这不是这效果,我的插了图片，右边那个会下移一小段距离，

小黄练编程 发表于 2022-3-12 12:16:46

isdkz 发表于 2022-3-12 11:16
没有问题吧

咋发图片啊，教下我，我发给你看

isdkz 发表于 2022-3-12 12:19:10

小黄练编程 发表于 2022-3-12 12:16
咋发图片啊，教下我，我发给你看

https://fishc.com.cn/thread-168190-1-1.html

小黄练编程 发表于 2022-3-12 13:15:13

isdkz 发表于 2022-3-12 12:19
https://fishc.com.cn/thread-168190-1-1.html

https://imgtu.com/i/bTXZQA

就是这效果。

小黄练编程 发表于 2022-3-12 13:17:36

小黄练编程 发表于 2022-3-12 13:15
就是这效果。

https://s1.ax1x.com/2022/03/12/bTXZQA.png

小黄练编程 发表于 2022-3-12 13:18:16

isdkz 发表于 2022-3-12 12:19
https://fishc.com.cn/thread-168190-1-1.html

https://s1.ax1x.com/2022/03/12/bTXZQA.png

小黄练编程 发表于 2022-3-12 14:59:00

isdkz 发表于 2022-3-12 12:19
https://fishc.com.cn/thread-168190-1-1.html

https://imgtu.com/i/b7V0k4[/img


真的效果是这样的

小黄练编程 发表于 2022-3-12 15:02:45

isdkz 发表于 2022-3-12 12:19
https://fishc.com.cn/thread-168190-1-1.html

https://imgtu.com/i/bTXZQA
但我做出来右边那个盒子掉下来了一点

小黄练编程 发表于 2022-3-12 15:04:08

isdkz 发表于 2022-3-12 12:19
https://fishc.com.cn/thread-168190-1-1.html

https://s1.ax1x.com/2022/03/12/bTXZQA.png

这是我做的错误的效果，右边掉下来了，不知道哪里问题。

_帅 发表于 2022-3-13 14:22:09

img标签不推荐使用vspan和hspan属性。

小黄练编程 发表于 2022-3-13 17:54:01

_帅 发表于 2022-3-13 14:22
img标签不推荐使用vspan和hspan属性。

为啥不太推荐啊

_帅 发表于 2022-3-15 19:49:28

这个。。。 你阅读一下W3C关于img标签属性的文档就会发现他也不推荐{:5_107:}

小黄练编程 发表于 2022-3-27 10:17:26

_帅 发表于 2022-3-15 19:49
这个。。。 你阅读一下W3C关于img标签属性的文档就会发现他也不推荐

var ar='ojkjkjkosas',j=0;
        while( ar.indexOf('0',j) !==-1 ){
                console.log( ar.indexOf('o') );
                j++;
        }
        console.log('o出现的次数'+j);

如何正确解决o位子和次数输出，

_帅 发表于 2022-3-28 21:24:58

小黄练编程 发表于 2022-3-27 10:17


你写的方法问题：每一次循环的时候都是从 j 的值为下标开始查找的，所以，当j=8的时候找不到了。

方法1，对象遍历：
Object.keys(ar).forEach(key => {
    if (ar === 'o') {
         j++
         console.log(key) // 打印结果：0, 7
    }
})
console.log(j) //打印结果：2

方法2，拆成数组再遍历：
ar.split('').forEach((item,index) => {
   if (item === 'o') {
       j++
       console.log(index)// 打印结果：0，7
   }
})
console.log(j)   // 打印结果：2
页: [1]
查看完整版本: 为何两个盒子，右边那个盒子会掉下来，离顶部有距离，明明空间够了。