div css中 div里面的元素总是不能包含里面的内容,请问如何设置样式才 ...
发布网友
发布时间：2022-04-25 15:30
我来回答
共2个回答
懂视网
时间：2022-04-21 00:11
收藏了，谢谢
原文地址：div+css总结?FF下div不设置高度背景颜色或外边框不能显示的解决方法 作者：天涯海角
在使用div+css进行网页布局时，如果外部div有背景颜色或者边框，而不设置其高度，在IE浏览器下显示正常。但是使用Firefox/opera浏览时却出现最外层Div的背景颜色和边框不起作用的问题。
大体结构
css文件:（只写出了最主要的部分css代码：定义了最外层div的背景颜色和边框，同时定义了里面的div是浮动的）
.outer{border:#F00 1px solid; background:#FF9 repeat;}
.inner1,.inner2{float:left;}
在IE中显示正常，如图1
（图1）
在FF中显示不正常，边框线和背景色都不能正常显示，如图2
（图2）
从网上查阅了一些资料，才对这个问题有了大体的认识。
原因分析：由于在Firefox和opera中：如果里面的DIV是浮动的（float）而母体不会去计算子体float之后的height。而在 IE中支持这种计算，所以IE下正常。
所以出现这种问题有两个前提：1.外部div没有设置高度；2. 内部div是浮动的（带有float属性）。
解决方法：
给外部div直接设置高度（不推荐），因为很多时候我们并不知道外部div的高度，我们希望靠里面的div来根据内容自动抻开外边的div，除非你确定的知道外部的div的高度的情况下，所以不建议使用这种方法。
方法一：
在内部每个div后加一个清除浮动（推荐），这样firefox和opera就把里面不当成浮动，会自动计算内部div高度
方法二：
在.outer中加一句overflow:hidden;(这种方法我不是特别理解，但是经过试验，也是可以解决这个问题的)
overflow 属性规定当内容溢出元素框时发生的事情。如果外层设置了高度，并且高度小于内层占的实际高度，则内层一部分内容会被隐藏。
热心网友
时间：2022-04-20 21:19
不知你的问题是否是:设置浮动float后,div不能包含里面的内容，如果是这样，那在父元素加样式overflow：hidden；即可；方法并不唯一，这是我曾经遇到过的问题之一，希望能够帮助到你
如何在div标签中加入内容和样式。
在div中添加内容和为添加的内容设置样式可以使用HTML和CSS来完成。使用HTML: 在div标签中添加文本或其他标签。例如，可以在div中添加p标签来添加文本。<div id="myDiv"> <p>这是我的div中的文本内容</p></div>使用CSS: 为添加的内容设置样式. 通过选择器，找到需要设置样式的元素，然后给它设置...
div里的css属性不对里面的子元素生效及相关问题
第一条，规定了 所有 div 下的 li的样式，即 不显示图标，显示为内联样式不换行，外边距7px。第二条，规定了 所有超级链接内的文本样式，这里为无样式。针对你说的“没有达到预期效果，display:inline只对第一个子元素li有效果，list-style:none则对下面所有li起了作用，text-decoration:none也只有...
...可以把内层的样式去掉。?就是让这个DIV里面的元素的样式都失效。_百...
我认为可以采用“重写”的方式来实现。内层元素的样式无非只有两种，一种为id或class，一种为style方式；使用js+document.write的方式重写。如：<div id="top"><div id="inner"></div></div> 查找top内的元素，发现有id，使用js将它改为以下内容：<div id="top"><div></div></div>，然后使...
怎样定义一个DIV里的元素的CSS样式
3、直接放在div标签里 例：<div style="color:purple" >test</div>
css为什么有时候创建div是块的高度为0无法把div下面的内容包含进去就像...
这是因为第一个div中的p是绝对定位（position:absolute）的，所以它是脱离整个文档流成为一个独立的漂浮层，换句话说就是第一个div中相当于“什么都没有”，所以它的高度仍然是0。而第二个div所包含的ul则是实际的内容，它的高度会自动撑开div，使div也具有高度。
...一个div元素覆盖在div元素上后下面的div元素中的文字不显示出来_百 ...
上面的div加个背景把下面的遮挡住 追问 还要设置为绝对定位以及z-index 追答 是的 495770733 | 发布于2013-05-30 举报| 评论 0 0 用position:relative; z-index:1定位,背景设置颜色(白色) 追问 应该是要绝对定位 a6885938a | 发布于2013-05-30 举报| 评论 0 0 给个背景颜色#ffffff,或者...
为什么我在一对div中嵌入div,会成列呢,而不是在同一行呢,我想把文字...
方法一：一般情况，默认的div是写一个换一行，那么如何定义两个div横向排列而不换行呢？div默认的display属性是block。所以每一个div都是新的一行，现在把display换成inline就不会换新行了。<div style="background-color:#ff0000;display:inline;">aaa</div> <div style="background-color:#ffff00...
div中如何设置
在HTML中，要实现div内部文字的居中布局，可以通过CSS的text-align属性轻松完成。首先，打开HBuilder编辑器，新建一个HTML文件，并开启边改边看模式。在代码中，创建一个div元素，并在其内部添加所需的文字内容。接着，为了使div区域更加明显，我们可以在CSS样式中为这个div添加必要的样式，比如改变背景色...
css设置div高度,但div的高度无法自适应内容
首先确保这个div是不是是block。默认情况下，div是block。可能在设置某些css样式的时候更改了也不一定。可以如果设置了高度，他的高度就会固定下来。可以这样改。不设置他的高度，设置它的overflow：hidden属性就可以自适应内容了、
divcss布局设计?
1、新建一个html文件，命名为test.html，用于讲解div+css布局的基本流程。2、在test.html文件内，对body进行芦伏样式初始化，设置外边距margin为0，内边距padding为0，同时使用text-align设置文字居中。3、在test.html文件内，为了讲解方便，设置所有的div高度为200px，内陪锋携容的颜色为红基兄色。4...
