Html div元素内容超出了div

时间:2016-06-28 03:27:25

标签: html css3

我创建了一个html文件,可以在这里找到:

https://jsfiddle.net/e86gvf5m/

文本“触发事件{event} {condition} {sourceDataPoint}”

<div id="triggerName">
    Trigger Event for ${recepientName}
    <br>
    ${event} ${condition} ${sourceDataPoint}
</div>

应该在黑色div中。但是它被包含在内。它被踢掉了。

请建议我如何解决此问题。

由于

1 个答案:

答案 0 :(得分:0)

您的代码存在一些问题,float left;需要float: left;,并且其样式是错误的div。

从你的css中删除它

#triggerName {
    float left;
    margin-left: 40%;
}

并将float:left;添加到

#recepientImage {
    background-color: #AFF; 
    width: 40%;
    height: 100%;
    float: left; <-- added
}

updated jsfiddle