爱创课堂每日一题第四十六天- 浮动元素引起的问题和解决办法？

浮动元素引起的问题：
（1）父元素的高度无法被撑开，影响与父元素同级的元素
（2）与浮动元素同级的非浮动元素（内联元素）会跟随其后
（3）若非第一个元素浮动，则该元素之前的元素也需要浮动，否则会影响页面显示的结构
解决方法：
使用CSS中的clear:both;属性来清除元素的浮动可解决2、3问题，对于问题1，添加如下样式，给父元素添加clearfix样式：
    .clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
   .clearfix{display: inline-block;} /* for IE/Mac */

时间： 2024-11-06 15:30:55

爱创课堂每日一题第四十六天- 浮动元素引起的问题和解决办法？的相关文章

爱创课堂每日一题第四十九天- 什么是 FOUC（无样式内容闪烁）？你如何来避免 FOUC？

1.如何获取rpm包,及制作kubernetes镜像 1.1 官方yum源,有翻墙能力的 请使用 cat <<EOF > /etc/yum.repos.d/kubernetes.repo [kubernetes] name=Kubernetes baseurl=http://yum.kubernetes.io/repos/kubernetes-el7-x86_64 enabled=1 gpgcheck=1 repo_gpgcheck=1 gpgkey=https://packages.c

爱创课堂每日一题第五十六天-对前端界面工程师这个职位是怎么样理解的？它的前景会怎么样？

前端是最贴近用户的程序员,比后端.数据库.产品经理.运营.安全都近. 1.实现界面交互 2.提升用户体验 3.有了Node.js,前端可以实现服务端的一些事情 前端是最贴近用户的程序员,前端的能力就是能让产品从 90分进化到 100 分,甚至更好, 参与项目,快速高质量完成实现效果图,精确到1px: 与团队成员,UI设计,产品经理的沟通: 做好的页面结构,页面重构和用户体验: 处理hack,兼容.写出优美的代码格式: 针对服务器的优化.拥抱最新前端技术.

爱创课堂每日一题第四十七天- 清除浮动的几种方法？

1,额外标签法,<div style="clear:both;"></div>(缺点:不过这个办法会增加额外的标签使HTML结构看起来不够简洁.)    2,使用after伪类    #parent:after{        content:".";        height:0;        visibility:hidden;        display:block;        clear:both;        }   

爱创课堂每日一题第五十天- null和undefined的区别？

null是一个表示"无"的对象,转为数值时为0:undefined是一个表示"无"的原始值,转为数值时为NaN.当声明的变量还未被初始化时,变量的默认值为undefined.null用来表示尚未存在的对象,常用来表示函数企图返回一个不存在的对象.undefined表示"缺少值",就是此处应该有一个值,但是还没有定义.典型用法是:(1)变量被声明了,但没有赋值时,就等于undefined.(2) 调用函数时,应该提供的参数没有提供,该参数等于und

爱创课堂每日一题第五十五天- WEB应用从服务器主动推送Data到客户端有那些方式？

Javascript数据推送 Commet:基于HTTP长连接的服务器推送技术 基于WebSocket的推送方案 SSE(Server-Send Event):服务器推送数据新方式

爱创课堂每日一题第二十四天-ETag应用？

Etag由服务器端生成,客户端通过If-Match或者说If-None-Match这个条件判断请求来验证资源是否修改.常见的是使用If-None-Match.请求一个文件的流程可能如下: ====第一次请求=== 1.客户端发起 HTTP GET 请求一个文件: 2.服务器处理请求,返回文件内容和一堆Header,当然包括Etag(例如"2e681a-6-5d044840")(假设服务器支持Etag生成和已经开启了Etag).状态码200 ====第二次请求=== 客户端发起 HTTP

爱创课堂每日一题第十六天为什么HTTPS安全？

因为网络请求需要中间有很多的服务器路由器的转发.中间的节点都可能篡改信息,而如果使用HTTPS,密钥在你和终点站才有.https之所以比http安全,是因为他利用ssl/tls协议传输.它包含证书,卸载,流量转发,负载均衡,页面适配,浏览器适配,refer传递等.保障了传输过程的安全性

爱创课堂每日一题第十天创建ajax过程？

(1)创建`XMLHttpRequest`对象,也就是创建一个异步调用对象.    (2)创建一个新的`HTTP`请求,并指定该`HTTP`请求的方法.`URL`及验证信息.    (3)设置响应`HTTP`请求状态变化的函数.    (4)发送`HTTP`请求.    (5)获取异步调用返回的数据.    (6)使用JavaScript和DOM实现局部刷新.    var xmlHttp = new XMLHttpRequest();    xmlHttp.open('GET','demo.p

爱创课堂每日一题第二十五天-2017/9/27 栈和队列的区别?？

栈的插入和删除操作都是在一端进行的,而队列的操作却是在两端进行的. 队列先进先出,栈先进后出. 栈只允许在表尾一端进行插入和删除,而队列只允许在表尾一端进行插入,在表头一端进行删除