div 不写高度就看不到

2024-08-04

div没有设置高度时背景颜色不显示(浮动)

在使用div+css进行网页布局时,如果外部div有背景颜色或者边框,而不设置其高度,在IE浏览器下显示正常.但是使用Firefox/opera浏览时却出现最外层Div的背景颜色和边框不起作用的问题.网上查找资料之后主要原因如下:由于在Firefox和opera中:如果里面的DIV是浮动的(float)而母体不会去计算子体float之后的height.而在 IE中支持这种计算,所以IE下正常. 解决方法: 给外部div直接设置高度(不推荐),因为很多时候我们并不知道外部div的高度,我们希望靠里

Chrome&FF&Opera&下DIV不设置高度显示背景颜色和边框的办法

今天在排版的时候,外层的div不写高度的话背景颜色和边框没法办法显示,但是在IE下面就可以,这个有三个解决办法. 第一: 直接给最外层的div设置高度(不推荐). 第二: 在内部每个div后添加一个清除浮动. <div> div class="outer"> <div class="inner1"></div> <div class="inner2"></div> <div

前端编程提高之旅（五）----写给大家看的css书

自实习也有几个月的时间了,以爱奇艺实习为敲门砖.进入了眼下这家公司.假设说当初能进爱奇艺是暂时袭击DIV+CSS的话,眼下在这家公司体验到.不论什么技术都必须悉知原理,这样才干做到庖丁解牛.做一个内行的人.css属性和使用方法都摆在那里,但假设用得好.除了躬身实践.提高理论积淀就特别必要了,这本<写给大家看的css书>高速扫过一遍之后,之前工作遇到过不清楚的问题,一扫而空,所以有必要总结下. css层叠的理解 css是层叠样式表的英文缩写.层叠意味着样式从文档结构中一个层次传

div+css总结—FF下div不设置高度背景颜色或外边框不能正常显示的解决方法（借鉴）

原地址:http://blog.sina.com.cn/s/blog_60b35e830100qwr2.html 在使用div+css进行网页布局时,如果外部div有背景颜色或者边框,而不设置其高度,在IE浏览器下显示正常.但是使用Firefox/opera浏览时却出现最外层Div的背景颜色和边框不起作用的问题. 大体结构 <div class="outer"> <div class="inner1"></div> <d

H5新增属性contenteditable（不用JS，实现div模拟textarea高度自增长）

无意中看到一篇博客介绍了contenteditable这个属性——不需用JS,只需在div里加上contenteditable="true",即可实现div模拟textrarea(文本域),让textrarea的高度随内容的增加而自动增加.当时就惊呆了,居然还有这种操作!!! <div id="textarea" contenteditable="true"></div> 原文博客 contenteditable属性介绍:

div不设置高度背景颜色或外边框不能显示的解决方法

在使用div+css进行网页布局时,如果外部div有背景颜色或者边框,而不设置其高度,在浏览时出现最外层Div的背景颜色和边框不起作用的问题. 大体结构<div class="outer"> <div class="inner1"></div> <div class="inner2"></div></div>css文件:(只写出了最主要的部分css代码:定义了最外层div

HTML给div设置百分比高度无效的解决方式 - 库塔姆斯 - CSDN博客

原文:HTML给div设置百分比高度无效的解决方式 - 库塔姆斯 - CSDN博客版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/HobHunter/article/details/73611192 给div设置height:100%; <!DOCTYPE html> <html> <head> <meta charset=utf-8> <title>div高度</title> &l

jquery动态改变div宽度和高度

效果体验:http://keleyi.com/keleyi/phtml/jquery/23.htm 完整代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q

《写给大忙人看的java se 8》笔记

现在才来了解java8,是不是后知后觉了点? 新的编程技术,个人不喜欢第一时间跟进. 待社区已有实践积淀再切入似乎更划算些? 一点点精明的考虑. 不多说,上代码. //读<写给大忙人看的java se 8>做的笔记代码 //希望对忙到连这书都没工夫看的你,匆匆一瞥,留下印象 //祝编程愉快 public class MainTest { //第一章,讲lambda表达式 //lambda表达式类似javascript的函数字面量,可用于替代java的匿名内部类 //基本型为 (形参列表)-&g

(转载)html中div使用自动高度

为什么要使用div标签 1.更多的配置项,那就意味着更灵活,当然,难度也更高: 2.可以方便的容纳其他html标签: static定位就是不定位,出现在哪里就显示在哪里,这是默认取值,只有在你想覆盖以前的定义时才需要显示指定;relative 就是相对元素static定位时的位置进行偏移,如果指定static时top是50象素,那么指定relative并指定top是10象素时,元素实际top就是60象素了.absolute绝对定位,直接指定top,left,right,bottom.有意

【读书笔记】《写给大忙人看的Java SE 8》——Java8新特性总结

虽然看过一些Java 8新特性的资料,但是平时很少用到,时间长了就忘了,正好借着Java 9的发布,来总结下一些Java 8中的新特性. 接口中的默认方法和静态方法先考虑一个问题,如何向Java中的集合库中增加方法?例如在Java 8中向Collection接口中添加了一个forEach方法. 如果在Java 8之前,对于接口来说,其中的方法必须都为抽象方法,也就是说接口中不允许有接口的实现,那么就需要对每个实现Collection接口的类都需要实现一个forEach方法. 但这就会造成在给接

《写给大家看的设计书(第3版)》【PDF】下载

<写给大家看的设计书(第3版)>[PDF]下载链接: https://u253469.ctfile.com/fs/253469-231196355 内容简介 <写给大家看的设计书>出自一位世界级设计师之手(美国)(RobinWilliams)威谦斯.复杂的设计原理在<写给大家看的设计书>中凝炼为亲密性.对齐.重复和对比4个基本原则.作者以其简洁明快的风格,将优秀设计所必须遵循的这4个基本原则及其背后的原理通俗易懂地展现在读者面前. <写给大家看的设计书>包含

css实现div中图片高度自适应并与父级div宽度一致

需求:1.父级div不设置高度 2.图片高度自适应,并且显示为正方形: 以前遇到列表中图片高度必须和父级宽度相同,并且需要为正方形的时候,最开始的方法是定死图片高度,这样会导致不同分辨率下图片会压缩,后来傻傻的用js来控制图片的高度,直到现在才明白几句css就能搞定,并且完全符合要求...... 例子: 1.html <ul> <li class="bli"> <div class="imgbox"> <img src=&q

劣质代码评析——《写给大家看的C语言书(第2版)》附录B之21点程序（八）

[重构](续) 牌的表示: 一副牌有52张,可用一整数数组描述.但是由于在游戏过程中牌数在不断减少,所以用一表示剩余张数的整数和一整数数组共同描述.C99支持一种变量长度数组,但用在这里并没有什么特别的好处,并不合适. typedef struct { int cards[52]; int num_cards; } POKER ; 参与者: 共两位:庄家(计算机).人(dealer , player ). 描述它们的数据主要就是得分.根据21点游戏的soft hand规则,A(ACE)可以被视为

CSS样式实现溢出超出DIV边框宽度高度的内容自动隐藏方法

CSS样式实现溢出超出DIV边框宽度高度的内容自动隐藏方法平时我们布局时候,有的文字内容多了会超过溢出我们限制的高度,有的图片会撑破DIV,让网页错位变乱. 这样我们就需要解决如何使用CSS来超出设置CSS宽度和CSS高度的内容自动隐藏掉,又不撑破DIV布局. 特别是在IE6,如果内容超出对象高度和宽度承载,将会被撑破增高,这个时候我们可以利用以下解决方法. 总之要想让内容不超出对象设置宽度高度限定,那就使用overflow:hidden隐藏超出多余部分即可一. 我们可以使用CSS over

《写给大忙人看的Java核心技术》勘误

先附上十分讨喜的封面.这应该是爱丽丝梦游仙境里的那只兔子吧? 勘误表基于原版勘误表制作链接截止日期 2017-02-09 对应<写给大忙人看的Java核心技术>2016年1月第1次印刷页误正 P1 5个整型.2个浮点型和一个布尔型 4个整型.2个浮点型.1个字符型和一个布尔型 P17 char next = (char)('J' + 1); // 将75转换为'K' int n=1; char next = (char)('J' + 1); // 将75转换为'K'

JQUERY 获取 DIV 宽度与高度（width,padding,margin,border）

一般讲的宽度指的是内容宽度,但一个 div 的实际宽度不仅只于内容宽度,尤其在做 CSS 排版时更不能搞错,必须同时考虑 Padding.Border 与 Margin 的宽度,四个加起来才是 div 真正占有的宽度. JQUERY 获取 DIV 宽度与高度(width,padding,margin,border)全都有了! var content = $(‘div’). width();//只是获取content宽度 var contentWithPadding = $(‘div’). in

匈牙利&&EK算法(写给自己看)

(写给自己看)匈牙利算法(最大匹配)和KM算法(最佳匹配) 匈牙利算法思想不断寻找增广路,每次寻得增广路,交换匹配边和非匹配边,则匹配点数+1 这里增广路含义:交错路,即从未匹配点出发经过未匹配边->匹配边->未匹配边->.....->未匹配边 Konig定理:无权二分图的最大匹配=最小覆盖点集,证明有价值的博客:blog1,blog2,blog3 算法其实并不难模板模板题目:poj1274,poj1325,后者需要konig定理转化 #include <iostr

div控制最小高度又自适高度

div控制最小高度又自适高度我们在用div布局的时候经常会遇到这样的一种情况:我们需要设置一个div的高度,当里面的东西超过这个高度时,让这个容器自动被撑开,也就是自适应高度.当里面的信息很少时候,我们就设置它一个最小的固定高度. 我们知道,在ie6中,如果子容器的高度超过父容器的时候,父容器会被子容器撑开,所以我们可以直接设置一个height的高度值即可. 但是在ie7和firefox就不行了,它不会自动撑开. 如果要设置自适应高度,我们可以采用height:auto;这个属性:不过这个属性i

《写给大忙人看的Java SE 8》——Java8新特性总结

阅读目录接口中的默认方法和静态方法函数式接口和Lambda表达式 Stream API 新的日期和时间 API 杂项改进参考资料回到顶部接口中的默认方法和静态方法先考虑一个问题,如何向Java中的集合库中增加方法?例如在Java 8中向Collection接口中添加了一个forEach方法. 如果在Java 8之前,对于接口来说,其中的方法必须都为抽象方法,也就是说接口中不允许有接口的实现,那么就需要对每个实现Collection接口的类都需要实现一个forEach方法. 但这就会造

实现div可以调整高度（div实现resize）

实现div可以调整高度(div实现resize) 一.div 实现resize(类似textarea) 代码如下: <!DOCTYPE html> <html> <head> <title>div实现textarea效果</title> <style> #textarea { height: 200px; width: 300px; padding: 4px; border: 1px solid #888; resize: verti

div 不写高度就看不到

热门专题