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

为什么我的内容显示在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个数据中心代理。每个

  • 问题内容: 假设您有一个,给它一个定值,然后在其中添加元素,在我的情况下为另一个。 这个想法是容器的内容将导致容器伸展,并成为内容的背景。但是,当我这样做时,包含的对象会缩小以适合非漂浮的对象,并且漂浮的对象将要么全部伸出,要么一半伸出,一半进入,并且对big的大小没有任何影响。 为什么是这样?有什么我想念的东西,怎么才能让漂浮的物品伸出其中的东西呢? 问题答案: 最简单的方法是放在父div上,而