html 高度不够,HTML/CSS:Div未扩展到内容高度
我有几个未扩展的div元素以匹配其内容的高度。我已经读过,这可能是由浮动内容引起的;这个内容不是浮动的 - 虽然我开始觉得我应该把我的电脑扔在河里。这算不算?HTML/CSS:Div未扩展到内容高度
代码:
#interaction-options-container.display-dialogue {
left: 15%;
width: 70%;
}
#interaction-options-container.full-border, .dialogue-container.full-border {
border: 1px solid #33ffff;
}
#interaction-options-container {
margin: 4px 0px 4px 0px;
z-index: 100;
position: absolute;
left: 35%;
bottom: 4%;
width: 30%;
line-height: 1.4;
opacity: 0.75;
}
#interaction-options-container .heading {
font-size: 16px;
color: black;
padding: 0.1px 12px 0.1px 12px;
background-color: grey;
}
.heading {
font-weight: bold;
font-size: 1.5em;
padding: 8px 12px 0px 12px;
}
#interaction-options-container p {
margin: 8px 0px 8px 0px;
}
#interaction-options-container .dialogue p {
margin: 4px 0px 4px 0px;
}
#interaction-options-container .button, #interaction-options-container .evidence-options-container .button {
cursor: pointer;
color: white;
font-size: 14px;
padding: 0.1px 12px 0.1px 12px;
background-color: #333333;
opacity: 0.85;
border-bottom: 1px solid #8d8d8d;
}
#interaction-options-container .dialogue-container {
padding: 0px;
margin: 0px;
width: 100%;
height: 32px;
background-color: #333333;
float: none;
}
#interaction-options-container .dialogue {
text-align: center;
margin: auto;
font-size: 16px;
font-weight: bold;
padding: 1px 12px 1px 12px;
color: white;
background-color: #333333;
}
.dialogue-container .dialogue.option-divider {
border-bottom: 1px solid #333333;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
Choose a reply:
Option one here
Option two here
Option three here
Option four here. As an example this text should be long enough to require wrapping to a new line. I will therefore have to keep typing until I've added enough text to sufficiently fill the horizontal with of the containing div. Also, thanks for potentially answering my question, which I will get to below...
的问题是,当一段对话需要包装到一个新的路线,.dialogue-container .button DIV不高扩展匹配.dialogue的height DIV。因此内部divs延伸越过边界线,这看起来很糟糕。
如果有人有任何指示,我的电脑会感谢你。 干杯。
+1
'#interaction-options-container {display:none}' - 这是一种新的笑话吗? –
+0
我没有包含JavaScript文件;该特定的div开始隐藏并在需要时显示。应该采取了这条线,对不起。 –
html 高度不够,HTML/CSS:Div未扩展到内容高度相关推荐
- html css div自适应屏幕宽度,高度
做C/S项目其实最让人蛋疼的无非就是兼容问题,各种浏览器的不兼容外还有div+css不科学的显示问题.所以针对div+css窗口最大化.缩小的自适应加以解决. [html] view plain co ...
- html表格高度超出隐藏,CSS“table-cell”样式元素:最大高度(和溢出:隐藏)
我在display: table div内有display: table-cell div.有什么办法来限制身高吗?我试过设置高度,最大高度和溢出:隐藏,但它没有效果. (height不设置最低高度, ...
- css div 下拉框内容自适应,div+css模拟select下拉框
无标题文档 .mod_select ul{margin:0;padding:0;} .mod_select ul:after{ display: block; clear: both; visibil ...
- 怎么调整html文本域宽度和高度,如何使用CSS设置textarea的宽度和高度?
这是我的css: .editor-field textarea { width : 400; height : 100px; } 这是我的观点的标记: @Html.EditorFor(model =& ...
- css div自适应高度height
DIVCSS5为大家介绍两种情况下自适应高度样式设置与解决. 第一种:一定高度内容加多时自适应高度,而内容少时DIV有一定最小高度: 第二种:没有最小高度,DIV完全自适应高度. 以下为大家介绍这两种 ...
- android h5 div高度自适应,css div自适应高度height
DIVCSS5为大家介绍两种情况下自适应高度样式设置与解决. 第一种:一定高度内容加多时自适应高度,而内容少时DIV有一定最小高度: 第二种:没有最小高度,DIV完全自适应高度. 以下为大家介绍这两种 ...
- html 点击div 改变高度,HTML / CSS将div设置为同级的高度
我有三分之二的div.所包含的div之一向左浮动,另一个向右浮动.我希望2个同级div始终处于相同的高度,但是对此存在问题.到目前为止,我只在Firefox中查看该页面,并认为在至少一个浏览器中运行它 ...
- html高度没有滚动条,Div扩展了页面高度,但没有滚动条
我在页面左侧有一个div用于导航链接.点击标题可展开链接的子集.我将此div设置为页面高度的100%,以便列占据页面的整个左侧.当所有子类别都展开时,会出现问题. div的内容在页面底部运行,但不添加 ...
- css div撑满窗口高度_如何使用CSS将div的高度设置为窗口的100%?
css div撑满窗口高度 Introduction: 介绍: Hello there developers! Well, certainly if you are reading this arti ...
最新文章
- 通过script标签实现跨域
- mysql手工注入——盲注
- bash删除文件中含指定内容的行
- MySQL服务器意外关机-无法启动多实例
- C中常量数组不能修改
- 求小球落地5次后所经历的路程和第5次反弹的高度
- PPT(PowerPoint)更改默认等线字体
- HTTP请求方式和幂等性
- iOS AVPlayer的那些坑
- 对计算机专业学科的认识1000字,计算机专业1000字实习报告
- 如何给网站添加CNZZ站长统计功能代码的常用办法
- 1483套求职个人简历PPT模板免费下载网址
- 整理好心情,在春天里上路···
- 【贪心法】黑白连线问题
- springboot+mybatis打包时,单元测试类报错
- Codeforces Round #514 (Div. 2)-D. Nature Reserve
- Linux云计算【第一阶段】第四章:权限管理
- opencv神经网络库之SVM和ANN_MLP的使用【 OpenCV 技能树评测】
- python日志审计系统_日志审计系统
- 解决QQ2009正式版登录时出现 服务器拒绝 问题
热门文章
- 使用多种MIME类型测试REST
- Java并发教程–可调用,将来
- 计算机维修与维护入门,计算机组装与维护基础知识
- php 崩溃 输出,php – 创建可崩溃的print_r()var_dump()的函数?
- 计算机快捷键 还原默认值,CAD默认快捷键如何恢复?教你还原CAD默认配置的方法...
- java判断手机号_java使用正则表达式判断手机号的方法示例
- Requests库实战(三)---爬取豆瓣电影详细信息
- python函数的使用方法_百度资讯搜索_python函数的使用方法
- python中可用于布尔测试的,如何在Python中使用布尔值?
- 可运行的c语言程序的扩展名为什么?