Alcantara的博客

今天在群里面回答了一个问题： 起初以为是外层元素也浮动的缘故： 又思考了一下，突然想到正常文档流下的块状元素的文本内容会避开浮动元素所处的空间。 行内元素与文本内容是一个性质，也会避开。 input、button是行内块状元素。按照提问者的描述，应该就是这个原因。行内块状元素也会避开浮动元素所处的空间！！！

今天晚上从网上资源学习了圣杯布局和双飞翼布局。因为之前一段时间对CSS的布局有过比较系统的学习，所以对这两个布局模式理解起来还是较为简单。 学习和使用行业精英总结出来并在行内广泛使用的方法（或者说框架）是简单的事情，但是学的过程还是要从其根源进行理解、分析，有助于拓展自己的思维，进而更深入地学习、理解、运用CSS，避免形成拿来主义的习惯。 总结起来，圣杯布局和双飞翼布局的构造思路如下：

流动布局时 父元素含有50px的padding，因为子元素溢出，所以padding-bottom没有表现出来。 但实际上，子元素为了保证处于父盒子的content之中，已经把父盒子撑开了。只是因为这里强制对父盒子设置了高度，所以子元素溢出。       我们将滚动条拉到底部，可以发现子元素确实仍在父元素的padding之内。 因此可以说：流动布局时，父元素设置了固定

1. Q: JavaScript脚本放在哪里     A: 放在header中的脚本，在页面加载之前就被装载，待调用（例如事件），类似函数声明；放在body中的脚本，在页面加载完成后就执行，类似于执行一个函数。

多栏布局有很多方法，但大多都针对的是已经固定设置各栏高度（height属性）的布局。 对于定宽不定高的多栏布局，各栏的高度根据文字自适应，导致其高度不一。那如何设置其高度，使得各栏的高度都统一为文字最多的那一栏的高度呢？如图：   目标→    方法一：表格table布局 此方法，table的父元素height为默认的auto，根据table-cell的内容自适应，满足等高。

input元素：都有默认样式，HTML的input元素继承浏览器，小程序是组件设置的默认样式