当前位置: 首页 > 面试题库 >

为什么我的内容显示在div之外?

黄伟
2023-03-14
问题内容

我的内容带有“气泡”,效果很好。现在,我想显示一个计数(2行),该计数应始终位于该div的右下角,位于其内部。我尝试了很多事情,但由于某种原因,它总是与div重叠并在外面显示。我究竟做错了什么?

<style type="text/css">
body{
background-color:#f3f3f3;
}
.commentbox{
background-color: #ffffff;
width: 200px;
border-color: #D1D1D1;
border-radius: 4px;
border-style: solid;
border-width: 1px; 
padding-bottom: 9px;
padding-left: 9px;
padding-right: 9px;
padding-top: 9px;
position:relative;
}
.count{
float:right;
text-align:right;
}
</style>

<div class="commentbox">
<div class="title">Some several lines long long long long content text goes here 
</div>
<div class="count">123<br>456</div>
</div>

问题答案:

您处于浮动状态,.count因此不会影响其父容器的高度。

将其设置overflow:hidden在父项(.commentbox)上,或使用其他包含技术的浮点数之一来做到这一点。



 类似资料:
  • 我想将结果发送到。我正在使用AJAX传递我的值。我不确定为什么我数据现在显示在一个按钮中。有谁能帮我解决这个问题吗?如果你们能给我提供如何解决我的问题的代码,那就更好了。提前道谢。 这是我的AJAX代码 编辑问题:我想根据用户当月的输入创建一个excel文件。因此,在用户选择了月份之后,当他们单击按钮时,excel文件将自动下载。我现在的问题是,我现在知道如何将month值传递到页面,在该页面中我

  • 我使用fiddler监控一个简单的html内容从一个PHP文件运行在localhost。但是每当我按f5刷新页面(浏览器)时,在fiddler中有时整个web会话的字体变成蓝色,即当它实际显示内容(html)时,相反的情况发生在web会话是灰色的时候,它不显示html内容。 注意:始终显示请求/响应标题,这仅用于内容。我还尝试了点技巧(“:80”)并从localhost切换到127.0。0.1.

  • 问题内容: 我正在尝试在CSS的内容中使用FontAwesome。 它与图标而不是图标的代码一起显示。我已关注在线帮助,但仍然无法正常工作 问题答案: 如果您使用的是 JS + SVG版本,请 阅读以下内容:Font Awesome 5在使用JS +SVG版本时显示为空正方形 首先,您只需使用以下命令在head标签中包含Font Awesome 5的CSS文件: 或在CSS文件中: 然后,您需要更

  • 问题内容: 我有一个用于仿真的python脚本,一个循环要花很长时间,每个循环要花不同的时间,因此我在每个循环后打印一个,以监视它运行的速度和经过的时间。脚本运行时的声明。 但是,当我在终端中的iPython中运行脚本时,点并不会一一打印,而是在循环结束时一次打印所有点,这使整个过程变得毫无意义。如何在运行时内联打印点? 问题答案: 如何在运行时内联打印点? 尝试刷新输出,如下所示: 或对于Pyt

  • 此代码由cloudsim示例3代码修改而来https://github.com/Cloudslab/cloudsim/blob/master/modules/cloudsim-examples/src/main/java/org/cloudbus/cloudsim/examples/CloudSimExample3.java. 在这里,我创建了一个数据中心,其中包含一个主机和6个数据中心代理。每个

  • 包装呈现值;导入java。util。扫描仪; 公共类PresentValue{ }问题是写一个方法presentValue来执行此计算。该方法应接受未来值、年利率和年数作为参数。它应该返回现值,即您今天需要存入的金额。在一个程序中演示该方法,该程序允许用户试验公式项的不同值。 这里是公式P=F/(1r)^2