Html CSS-覆盖子对象的父ID

我在网站上有一个部分，其中父ID样式规则与我需要该部分特定区域的外观相冲突。应该是这样的-

这是目前为止的编码版本-

上面文本设置的规则与h2/p文本在“案例研究”中的显示方式相冲突，我需要将其推到左侧，图像保持在右侧，与文本对齐。我需要克服父母的规定，但我尝试了一些不同的事情，什么都没有。另外，我不确定为什么背景色没有在页面上延伸。这是到目前为止的代码-

/*案例研究*/
第#节案例研究{
高度：750px；
最大宽度：100%；
}
第#节案例研究室世界其他地区{
高度：250px；
最大宽度：100%；
文本对齐：居中；
位置：相对位置；
}
第四节案例研究{
位置：相对位置；
最大宽度：100%；
显示：内联块；
保证金：0自动；
}
#案例研究h4{
颜色：#000000；
字体大小：20px；
填充顶部：50px；
线高：5px；
}
第#节案例研究p{
字体大小：10px；
颜色：#bdc3c7；
位置：绝对位置；
最高：50%；
左：50%；
保证金权利：-50%；
转换：转换（-50%，-50%）
}
#区议会分区{
显示：块；
背景色：#D3；
宽度：960px；
}
#理事会img{
浮动：对；
}
#理事会h2{
字体大小：20px；
文本对齐：左对齐；
颜色：#000000；
}
#临区局分区{
字体大小：10px；
文本对齐：左对齐；
宽度：50%；
}
.4 h3{
位置：绝对位置；
颜色：#FFF；
字体大小：20px；
保证金：0；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
}
第#节案例研究img{
显示：块；
左边距：20px；
填充：10px；
}

什么是2D动画？
Lorem ipsum dolor sit amet，是一位杰出的献身者。不要用尼索。内脏前庭。Praesent sodales，Pelletsque的leo，nunc erat dapibus nunc，以及orci的congue libero lorem。潜力悬钩子。位于前庭颞侧的面部肌群。尼西威尼斯酒店。维韦拉苏打酒店。佩伦茨基·奎斯·奥奇米。在地球之门，时间之门，智慧之门，知识之门。无径小径小径小径小径小径小径小径小径小径小径小径小径小径小径小径小径小径小径小径小径小径小径小径小径小径小径小径小径小径小径小径。在eget urna id orci Molectie pulvinar中

最新个案研究
韦克菲尔德委员会
Lorem ipsum dolor sit amet，是一位杰出的献身者。不要用尼索。内脏前庭。Praesent sodales，Pelletsque的leo，nunc erat dapibus nunc，以及orci的congue libero lorem。


潜力悬钩子。位于前庭颞侧的面部肌群。尼西威尼斯酒店。维韦拉苏打酒店。佩伦茨基·奎斯·奥奇米。

视频
博客
常见问题

为什么不使用codepen？您到底想要实现什么？您用绝对位置和左位置设置的

p

：50%。为什么不使用

left:0