Javascript 如何：文本在一列上，图像在另一列上，仅使用引导div？（浮动不工作，绝对定位工作，但文本重叠）

我必须建立一个主题，适合任何类型的书面内容在html（如杂志）。我想这样布局网页：图片在左边，文本在右边。然而，有些东西不起作用。我还需要只使用引导div，不使用为自己创建的div（因为任何html页面都不会使用相同的div类等等）。如何在没有不必要的div的情况下做到这一点

我试过： -使用left:0和right:0进行绝对定位，但它不起作用，因为段落重叠，似乎无法避免这种情况 -漂浮 -清除，溢出

看看这里的代码和它的麻烦结果：（我知道它很混乱，但我是个新手）

我不明白为什么文本不能在右边，我想它的内容太多了，但请记住，我不能因为任何原因更改原始html（例如，我不能将所有图像放在html的底部）

---

谢谢你的阅读

整页检查答案，我想这会对你有所帮助

对于引导，您首先需要了解引导的网格视图系统。 下面的链接将帮助您学习引导

检查输出

p，页脚{
字体系列：“futurabook”，回退，无衬线；背景色：白色；
颜色：黑色；文本转换：小写；
字体大小：17px；文本对齐：对齐；
右边距：10px；高度：自动；
}
身材{
宽度：46%；位置：相对；
浮动：左；左：0；
显示：内联块；填充：10px；
}
img
{滤镜：灰度（100%）；不透明度：0.5；}
.bg
{背景：#1B2CBD；}
.bg img{
最大宽度：100%；最大高度：100%；
混合混合模式：屏幕；-webkit过滤器：灰度（100%）对比度（200%）；
滤镜：灰度（100%）对比度（200%）；不透明度：0.7；
}

照片：塞尔吉奥·科瓦乔
削减的资金
2018年5月28日

也许她有那么多钱，她只是忘记了
必须有人为安娜·德尔维买单；这是美妙的新生活。这座城市到处都是标记。
杰西卡·普雷斯勒

从左边：旧金山的电池。照片：AANADVLV/Instagram；2015年在去巴塞尔艺术展的路上。照片：annadlvv/Instagram
它从钱开始，就像在纽约经常发生的那样。索霍区新开的时尚精品酒店霍华德11号，一张100美元的钞票滑过了这张以世纪中期为灵感的礼宾台光滑的表面。抬头一看，25岁的门房内法塔里·戴维斯（Neffatari Davis）走过；Neff，&rdquo；她惊讶地发现，现金来自一位似乎与她同龄的年轻女子。她有一张心形的脸，撅嘴的嘴唇被一头乱七八糟的红头发包围着，她的眼睛被一副不协调的粗黑眼镜框着，内夫是一位有抱负、注重细节的摄影师，被称为塞琳。她用一种听起来像欧洲人的口音说，她在看；索霍区最好的食物。”

&ldquo；什么；你叫什么名字？”；内夫问，女孩挥手拒绝了她的建议，并决定了

&ldquo；安娜·德尔维，&rdquo；年轻女子说。她；“我将在酒店住一个月，”她接着说，这也让内夫感到惊讶：通常只有名人才会来这么长时间。但是内夫检查了系统，它就在那里。Delvey预订了一间Howard豪华酒店，这是该酒店的其中一间；s的中端选择，每晚大约400美元，墙上有陶瓷雕塑，超大的窗户可以看到Soho繁华的街道。那是2017年2月18日

&ldquo；“谢谢你。”；德尔维说&ldquo；回头见。”

结果证明这是一个承诺。在接下来的几周里，Delvey经常来拜访Neff；她建议，每次给她100美元。Neff会滔滔不绝地讲述它是如何被彻底清洗的，是为时髦人士准备的，而Delvey；她的眼睛会在眼镜后面四处张望。最终，内夫意识到：德尔维已经知道所有可以去的酷地方——不仅如此，她还知道酒保、服务员和店主的名字&ldquo；这不是一位需要我帮助的客人。”；她突然明白了&ldquo；这是一位需要我时间的客人。”

这并非不同寻常。因为她；当她开始在那里工作时，内夫是华盛顿特区的一个本地人，长着一头天然的楔形头发，一双巨大的玛格丽特·基恩眼睛，脸上带着一种豁然开朗的微笑，她发现自己在各种各样的酒店客人面前扮演着治疗师的角色：丈夫欺骗妻子，妻子远离丈夫&ldquo；您只需坐在那里倾听，因为；“这就是你的礼宾生活，”她说；她回忆起最近在皇冠高地公寓附近的一家咖啡馆

通常，这些客人回到自己的生活，把尼夫留给她的。但是二月变成了三月，德尔维不断出现。她；d放下食物或一杯额外的干白葡萄酒，在Neff附近安顿下来；她坐在桌子上聊天。其他一些酒店员工觉得安娜非常烦人。对于一个有钱人来说，她可能会表现得很不礼貌：她的词汇里没有“请”和“谢谢”，她有时会说一些“谢谢”的话；不是种族主义者；内夫说：“我不知道；但是古典主义者。”；（安娜问她和另一位酒店员工：“你们这些狗娘养的，破产了吗？”但对内夫来说，这并不重要；别给人留下卑鄙的印象。更像是一位老式的公主；尽管安娜说她来自现代德国，她的父亲经营着一家生产太阳能电池板的企业，但她还是从一座古老的欧洲城堡中被挖出来，并被存放在现代世界。尽管她的身材不起眼，但“她；“一种音乐之声，弗鲁林，”；一位熟人后来说，安娜很快就确定了自己是11小时中的一员
p, footer { 
  font-family: 'futurabook', Fallback, sans-serif;
  background-color: white;
  color: black;
  text-transform: lowercase;
  font-size: 17px;
  text-align: justify;

  margin-right: 10px;

height: auto;


}



.col-xs-12 > p { 
  position: relative;
  width: 46%;
  background-color: pink;
float: right;
right: 0;
clear: left;
overflow: auto;   
}


.col-xs-12 > figure {
width: 46%;
position: relative;
float: left;
left: 0;
display: inline-block;
padding: 10px;  
}