Html 为什么我不把它放到一个2列的布局中呢？

我对这个CSS感到绝望。我不能把它放在一个两列的布局中，这样我当前的HTML代码就在左边，而更多的图片就在右边

html正文{
保证金：0；
填充：0；
框大小：边框框；
宽度：100%；
身高：100%；
字体系列：Arial，sans-sarif；
字体大小：10px；
}
君王先生{
边缘：2米；
位置：绝对位置；
显示：内联块；
边框：1px实心；
}
·帝王img{
最大宽度：70%；
显示：块；
}
.盒子{
宽度：59%；
身高：45.5%；
位置：绝对位置；
}
#富豪中心{
最高：17.6%；
左：7.3%；
}
#可排序1，
#可排序的2{
列表样式类型：无；
保证金：0；
填充：0；
浮动：左；
宽度：100%；
身高：100%；
}
#可悲的1李，
#可排序的2李{
浮动：左；
光标：指针；
}

我并没有真正了解您的代码设置，但如果您试图在同一个分区中有两个图像彼此相邻，您可能需要尝试以下想法之一。你可以得到更多的信息

尝试为容器使用position:relative和position absolute 为您的图像

您还可以尝试浮动图像

---

你的非工作代码在哪里？（左类和右类+html）请提供一个JSFIDLE链接。您是打算使用

html正文

，还是打算使用

html，正文

（以便将这些属性同时应用于

和

）？你的CSS有很多混乱；使用

position:absolute

和

display:inline block

，将CSS与同一元素上的ID和类混合在一起，等等。我试图用提供的代码制作一个代码笔，但它实际上不起作用。你能提供一个现场站点或代码笔吗？嗨，我不能让它工作，所以我把它删除了。我写了一篇文章，把文章的全部内容都写了进去

div.wrap {
        width: 600px;
        border: 1px solid #f00;
        height: 300px;
        position: relative;
    }

    .wrap img {
        border: 1px solid blue;
         position: absolute;
        bottom: 0;
    }

img  {
    float: right;
}