CSS设置浮动导致背景颜色设置无效的解决方法

╰半橙微兮° 2021-10-23 08:41 733阅读 0赞

float浮动会使父元素高度塌陷，父级元素不能被撑开，所以导致背景颜色不能被撑开

解决方法：

对父元素设置高度
对父元素设置 overflow：hidden清除浮动
把父元素也设置为float浮动
结束标签前加代码：

转载于//www.cnblogs.com/gsdoublel/p/11260564.html

发表评论取消回复

表情：

评论列表（有 0 条评论，733人围观）

还没有评论，来说两句吧...

相关阅读

相关 Notepad++背景颜色设置

[转载：http://blog.csdn.net/fly542/article/details/7101118][http_blog.csdn.net_fly542_arti

骑猪看日落/ 2024年02月17日 15:30/ 0 赞/ 186 阅读

相关 Aspose.Words 设置背景颜色4种效果（当前段落设置背景颜色，所有段落文字设置背景颜色，当前单元格设置背景颜色，当前段落文字设置背景颜色）

1、当前段落设置背景颜色实现代码： Aspose.Words.Document doc = new Document();//新建一个空白的文档 As

短命女/ 2023年10月05日 09:52/ 0 赞/ 110 阅读

相关 Eclipse设置背景颜色

步骤：选择windows->Preferences->General->Appearance->Theme->Dark ![watermark_type_ZmFuZ3p

一时失言乱红尘/ 2023年03月12日 09:03/ 0 赞/ 98 阅读

相关 Eclipse背景颜色设置

Eclipse背景颜色修改：操作界面默认颜色为白色。对于我们长期使用电脑编程的人来说，白色很刺激我们的眼睛，所以我经常会改变workspace的背景色，使眼睛舒服一些。设置

﹏ヽ暗。殇╰゛Y/ 2022年12月22日 04:45/ 0 赞/ 408 阅读

相关 Cadence 背景颜色设置

目录概述一、Allegro PCB Designer 二、OrCAD Capture 三、总结 -------------------- 概述有

约定不等于承诺〃/ 2022年10月20日 00:54/ 0 赞/ 1116 阅读

相关 html 背景颜色设置为透明,css如何设置背景颜色透明？css设置背景颜色透明度的两种方法介绍...

在网页布局中有时为了网页的整体美观，可能需要将网页中的某些部分设置为背景颜色透明，那么如何设置背景颜色透明呢？本篇文章就来给大家介绍一下css设置背景颜色透明的方法。在cs

旧城等待，/ 2022年10月07日 04:46/ 0 赞/ 447 阅读

相关设置背景颜色

设置背景颜色： <input type="color" οnchange="document.body.bgColor=document.getElementById('cur

末蓝、/ 2022年07月15日 10:23/ 0 赞/ 407 阅读

相关 jQuery设置背景颜色

<script type="text/javascript"> $(document.body).css("background","pink")

我会带着你远行/ 2021年12月09日 06:59/ 0 赞/ 550 阅读

相关 CSS设置浮动导致背景颜色设置无效的解决方法

float浮动会使父元素高度塌陷，父级元素不能被撑开，所以导致背景颜色不能被撑开解决方法： 1. 对父元素设置高度 2. 对父元素设置 overflow：hidden

╰半橙微兮°/ 2021年10月23日 08:41/ 0 赞/ 734 阅读

相关 css 一个div既设置背景图又设置背景颜色

1. 需求 : 设置一个背景上面为背景图下面为颜色 background: url('../images/invite_friends.png') 0

快来打我*/ 2021年09月17日 04:08/ 0 赞/ 787 阅读