1.为什么我外层div设置height：auto有效果，而位于这个div里面的一个div设置height：auto就没效果啦？
将三个DIV的高度都设置为自动，overflow:auto;，里面的两个DIV都要有内容，没有内容的时候是撑不开DIV的，你还可以设置最大和最小高度，保证DIV内容最少也得能撑开容器，最大不会超过一定的高度从而导致网页变形
时间： 2024-07-31 22:51:45
CSS综合（问题）
CSS综合（问题）的相关文章
CSS综合复习（三）
1． 三种定位机制:普通流,浮动,绝对定位 2． 行框:由一行形成的水平框,称为行框 3． position(定位) stattic,元素正常生成,块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置其于父元素中(默认):即没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明). relative:元素框偏移某个距离.元素仍保持其未定位前的形状,它原本所占的空间仍保留:相对其原先的位置进行定位. abs
DIV + CSS综合实例【传智PHP首页】
1.首页结构 2.准备工作 所有素材放到与当前网页同级的目录下: 网页背景色.背景图: 主页宽度:1000px: 创建CSS文件,将CSS文件引入到当前的HTML文件中. 3.实现 效果图: 源代码: HTML代码: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&
CSS综合复习（一）
1． css(层叠样式表):样式的优先级按低到高依次为,1)浏览器缺省设置:2)外部样式表:3)内部样式表:4)内联样式表. 尽管默认有这样一个优先级顺序,但当先定义style(内部样式表)再引入文件后,引入文件的样式仍然会重写style中的样式. 2． 背景(background) 背景属性不能被继承 background-color:gray;/*背景图片的优先级大于颜色的优先级,即使将背景色指定放在背景图片的后面,仍然显示图片,而不是背景色*/ background-image:url
CSS综合复习笔记 01
1.1开发前的准备工作 1.配置开发环境(常用前端开发工具) (1)sublime (2)webstorm (3)vscode (4)hbuilder (5)atom 2.建立项目文件夹(为了将与项目相关的文件放在一起,便于管理和以后的维护) 包括与项目相关的一些文件 (1)主页或是首页(index.html.default.html) (2)css文件夹 (存放css文件) 公用样式css文件的常用命名: [1] base.css [2] global.css (
CSS综合小练习
CSS选择器学了不少了,现在来实战一下. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>练习</title> <style type="text/css"> .content { width: 800px; margin: 0 auto; } .content h1 {
CSS综合问题
1.css sprite是什么,有什么优缺点 将多个小图片拼接到一个图片中.通过 background-position 和元素尺寸调节需要显示的背景图案. 减少 HTTP 请求数,极大地提高页面加载速度增加图片信息重复度,提高压缩比,减少图片大小 2 display: none; 与 visibility: hidden; 的区别 联系:它们都能让元素不可用 display:none ;会让元素完全从渲染树中消失,渲染的时候不占据任何空间:visibility: hidden ;不会让元素从渲
CSS综合案例left部分
1 /*全局样式*/ 2 body,ul,li,span,a,img,h1,p{ 3 margin:0; 4 padding:0; 5 } 6 body{ 7 background: url(../img/bg-body.gif) repeat-x #F1F1F1; 8 font-size: 13px; 9 } 10 .floatL{ 11 float: left; 12 } 13 .floatR{ 14 float: right; 15 } 16 ul li{ 17 list-style: n
CSS综合复习（二）
1． IE5.x和IE6:width=border+padding+元素的宽度,其他浏览器width=元素的宽度 2． 内边距.外边距的的百分比计算是相对于父元素的宽度计量的 3． IE7以下背景可以占用border部分,其他浏览器则不是 4． border-style:可以按下上左右的顺序分别制定各个方向的边框 5． border-width:关键字thin,medium,thick,可以指定单位 6． border-style: none;/*一旦设定了样式为none,则bord
CSS综合用法
div 居中 {position: absolute; top: 50%; left: 50%; margin-top: -180px; margin-left: -160px;} 原文地址:https://www.cnblogs.com/shaobog/p/8446395.html