Html新手入门常见小问题及解决方法
1. 浮动
相信很多很多朋友在刚开始接触使用浮动的时候肯定会遇到各种未解之谜，明明 我的设置没错呀，怎么就出错了呢，就比如下图
我需要让三个子元素排成一行，已经都给float：left；了，但为什么没按照我想的来呢，于是我各种找原因，我试着给第三个子元素float：right；不行，然后又是转display：inline-block；还是不行，到底问题出在哪呢，我又检查了一遍我设的样式，这回终于发现问题所在了
原来是三个子元素宽的和超过了父元素的宽，这样的话前两个子元素占完空间之后留下的空间已经不足以让第三个子元素挤进去了，所以就被挤掉了，那这时候 该怎么解决呢， 其实很简单只需把父元素的宽度加宽或者把子元素的宽度减少就行了。
浮动（float）的框可以左右移动，直至它的外边缘碰到包含框或另一个浮动框的外边缘。浮动框不属于文档中的普通流，当一个元素浮动之后，不会影响到块级元素的布局而只会影响内联元素（通常是文本）的排列，文档中的普通流就表现得如同浮动框不存在一样。当浮动框高度超出包含框的时候，就会出现包含框不会自动升高来闭合浮动元素（“高度塌陷”现象）。
通俗点来说，就是如果父元素只包含浮动元素，且父元素未设置高度和宽度的时候，那么它的高度就会踏缩为零。这是因为浮动元素脱离了文档流，包围它们的父块中没有内容了，所以“”塌陷“”了。
如下图所示，我把父元素的宽高注释掉，就会出现下图中的情况，****浮动元素脱离了文档流，包围它们的父块中没有内容了，所以就塌陷了
把父元素宽高注释掉之后
那么这种情况该怎么办呢
1， 把父元素设置一个高度就ok
2， ⽗元素后⾯设置一个空元素并设置清除浮动 clear：both；也是ok的
3， 给父元素设置一个overflow：hidden；也是可以的
4， 还可以通过伪元素来解决（注意不是伪类），在css里写上其样式，通过CSS伪元素在容器内部元素最后添加了一个看不见的点“.”，并且赋予clear属性来清除浮动。（如下图）
还有就是也可以给父元素加上浮动，也可以解决问题
本人学识有限 文章多有不足
若有错误 请大方指出 以免误导他人
鱼池质4906 :答：今天小编和大家分享深度技术win7系统浏览器打不开本地html文件的原因及解决方法，相信大家都有遇到过html文件打不开，一直显示主页而不是html页面，其实很大部分是浏览器设置问题。有什么办法可以解决？针对此疑问，小编告诉大家...
鱼池质4906 :答：input的from属性是html5新增加的一个属性，利用这个属性，可以让位于表单外面的输入控件作为表单的组成部分。比如：<form action="/example/html5/demo_form.asp" method="get" id="form1">请输入你的姓：<input type="...
鱼池质4906 :答：HTML5入门到精通可以分为3个阶段：了解HTML5、熟练掌握HTML5、精通HTML5；HTML5此处指的是HTML、CSS、JavaScript以及HTML5和CSS3（新增的）首先了解HTML5 需要去了解HTML5是什么，HTML5能够做什么以及HTML5行业的状况，然后...
鱼池质4906 :答：下面，就为你推荐几部新手入门html5的书籍。1、HTML5+CSS3从入门到精通（李东博 著）简介：本书通过基础知识+中小实例+综合案例的方式，讲述了用HTML5+ CSS3设计构建网站的必备知识，相对于专业指南、高级程序设计、开发...
鱼池质4906 :答：<!DOCTYPE html><html><head><title>MyHtml.html</title><meta name="keywords" content="keyword1,keyword2,keyword3"><meta name="description" content="this is my page"><meta name="content-type" content="...
鱼池质4906 :答：但不管怎么说,Frontpage 的确是最好的入门级网页编辑工具。 常见的版本为 Frontpage98 和 Frontpage2000。 Dreamweaver Dreamweaver 是 Macromedia 公司的产品的另一款"所见即所得"的网页编辑工具,或称网页排版软件。与 Frontpage 不同,...
鱼池质4906 :答：阶段8.小程序 原生小程序入门、原生小程序API使用、小程序框架Mpvue web前端学习方向 这个学习的路线路你按照从上到下这个顺序学习就可以的，不管是报培训班还是自学，都是可以的，现在web前端还是有不错的视频，你可以根据...
鱼池质4906 :答：如果你是一个刚入门的零基础小白,那你首先肯定要掌握的是前端开发的基础知识,相关的程序语言;HTML、CSS、JauaScript,在页面的布局时,HTML将元素进行定义,CSS对展示的元素进行定位,再通过JavaScript实现相应的效果和交互。这些知识都是基础...
鱼池质4906 :答：新手入门,制作网页需要注意的事项分个人观点,重要别分有以下几点1.新手入学阶段,往往会在一开始出现的小问题,把你给绊住,你不知道下一步这样会使你感到很迷茫,会对网页产生恐惧感、没兴趣,感觉学网页是很困难的一件事,要是你曾也遇...
鱼池质4906 :答：首先,入门编程需要一个循序渐进的过程,需要先了解基本的编程语法,从解决基本的数学问题开始,进而展开编程语言的学习。 其次,入门编程要构建一个初步的编程思维。所谓的编程思维就是通过编程语言来解决问题的思路和方式,简单的说就是一个抽...
