float的问题,背景色不起作用

问题描述

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>无标题文档</title><style>#mainbk{background:#000000;}#type{float:left;width:202px;height:200px;}</style></head><body><divid="mainbk"><divid="type">123</div></div></body></html>

请问高手mainbk的背景色为什么没起作用,如何解决,不要在mainbk中定义宽高。

解决方案

解决方案二:
#mainbk闭合浮动元素
解决方案三:
#mainbk{background:#000000;overflow:hidden;}清除浮动就行了
解决方案四:
引用2楼yilanyoumeng3的回复:

#mainbk{background:#000000;overflow:hidden;}清除浮动就行了

正解
解决方案五:
float去掉效果出现
解决方案六:
给#mainbk设个高度,float是脱离文档流的,对mainbk来说就是没有高度的
解决方案七:
引用2楼yilanyoumeng3的回复:

#mainbk{background:#000000;overflow:hidden;}清除浮动就行了

清楚浮动就可以了。overflow:hidden;就ok。
解决方案八:
height:auto;overflow:hidden;

时间: 2024-07-29 08:14:00

float的问题,背景色不起作用的相关文章

div+css的兼容性问题和解决方法

1. 默认的内外边距不同 问题: 各个浏览器默认的内外边距不同 解决: *{margin:0;padding:0;}   2. 水平居中的问题 问题: 设置 text-align: center    ie6-7文本居中,嵌套的块元素也会居中 ff /opera /safari /ie8文本会居中,嵌套块不会居中 解决: 块元素设置  1.margin-left:auto;margin-right:auto 2.margin:0 auto; 3. <div align="center&qu

Photoshop绘制炫彩有格调的马赛克背景图

  Photoshop绘制炫彩有格调的马赛克背景图         本教程主要使用Photoshop绘制炫彩有格调的马赛克背景图,现在这种简约美观的效果非常受欢迎,很多同学都在到处找同类风格的壁纸,今天直接上教程,步骤细致,操作简单,拿来练手再好不过.背景色彩可以自定义,自己怎么喜欢怎么来,学完直接换壁纸,特别实用呦. 示例: 这个是我完成的最后效果: 新建一个足够大的画布. 设置一下前景色. 以及背景色. 小技巧:前景色和背景色很多情况下直接作用在滤镜中,也就是说.我前景色和背景色设置成什么颜

PS教你快速绘制精致有格调的马赛克背景

  示例: 这个是我完成的最后效果: 新建一个足够大的画布. 设置一下前景色. 以及背景色. 小技巧:前景色和背景色很多情况下直接作用在滤镜中,也就是说.我前景色和背景色设置成什么颜色,那我滤镜后就显示这两种颜色. 新建一层,滤镜-渲染-云彩,这样我得到一个对比度不是那么强烈的云彩. 滤镜-像素化-马赛克. 复制一层后ctrl+t旋转90度,之所以我要旋转90度是因为我不想最后那张壁纸会出现左右对称这样看着不舒服的感觉. 这一步完成后效果不一样的同学看下画布尺寸,得正方形才可以哟. 自由变化上面

HBase Shell输入命令无法删除问题解决技巧

一.引言: HBase shell使用过程中,使用CRT客户端,命令输入后无法删除一直困绕着我,今天终于受不了,几番度娘,谷哥之后,终于有了解决方法,特共享给大家. 二.操作步骤 secureCRT中,点击[选项][回话选项][终端][仿真],右边的终端选择linux 英文版本请对应选择输入: 三.删除操作 执行删除操作时,需要使用组合键:Ctrl+Back Space同时按下,不妨现在就开始尝试一下吧. 四.遗憾 我一直比较喜欢黄色字体,黑色背景,设置Linux后原来的背景色不起作用了.也不知

2.CCGridAction(3D效果),3D反转特效,凸透镜特效,液体特效,3D翻页特效,水波纹特效,3D晃动的特效,扭曲旋转特效,波动特效,3D波动特效

 1 类图组织 2 实例 CCSprite * spr = CCSprite::create("HelloWorld.png"); spr->setPosition(ccp(winSize.width/2,winSize.height/2)); addChild(spr);   //GridAction //CCFlipX3D * action = CCFlipX3D::create(2); //CCFlipY3D * action = CCFlipY3D::create(2

获奖转盘学习的要点记录

在慕课网上学习了鸿洋大神的获奖转盘的制作的课程,感觉还是比较有意思的,主要是通过surfaceView来进行绘制,surfaceView比view更加适合这个场景,其中surfaceView在我前一篇博客也做了一些介绍认识surfaceView  整个装盘制作过程也涉及到其他很多知识点,比如自定义控件的制作,特别是Canvas画布和Pain画笔的应用,这里对转盘代码中一些核心点做一些说明,整个过程也很清晰,主要包括: 绘制背景.绘制盘块.绘制文本.绘制图标 先看整体效果图 1.绘制背景 [jav

CSS3的clip

一句话介绍 裁剪图像. 基本语法 .mkq { clip: <shape>|auto|inherit; } :函数功能,目前只有rect()可用 auto:和没剪裁过一样 inherit:继承父元素 举例: .mkq{ clip: rect(0,0,20px,0); } 使用注意 只能在设置了position: absolute;\float: left;的属性上起作用 如果使用了auto,就包含border和padding 兼容性 还不错,但是在IE4-IE7需要把rect()里面的逗号去掉

什么是响应式Web设计?怎样进行?

开始第一篇.老规矩,先无聊的谈论天气一类的话题.十一长假,天气也终于开始有些秋天的味道,坐在屋里甚至觉得需要热咖啡.话说两年前也是在国庆假期里开始做Joomla文档翻译的:长假好时光,总会可以抽出一两天,安静的窝在家里做做博客.学做些新东西,简直没有比这更舒心的事情. 说正事儿.准备在近期的几篇里集中翻译学习一下"响应式Web设计"的相关话题,包括概念.实践方式.案例及观点讨论等方面.相比于从前做的文档译文,这些文章篇幅要长的多(甚至要加分页了!-),今天放上的这篇几乎花掉了两天的&q

float是什么?浮动在CSS中的作用

文章简介:float深入剖析. float是什么? float即为浮动,在CSS中的作用是使元素脱离正常的文档流并使其移动到其父元素的"最左边"或"最右边".下面解释下这个定义中的几个名词的概念: 文档流:在html中文档流即为元素从上至下排列的顺序. 脱离文档流:元素从正常的排列顺序被抽离. 最左边/最右边:上述的移动到父元素最左和最右是指元素往左或往右移动直到碰到另一个浮动元素或父元素内容区的边界(不包括padding). float造成的影响 对其父元素的影响