摘要：为什么使用这个属性？？？ 下面我们看一个例子 .simple { width: 500px; margin: 20px auto; } .fancy { width: 500px; margin: 20px auto; padding: 50px; border-width: 10px; } 明明宽 阅读全文

摘要：我们要解决的问题：当浏览器的宽度比元素宽度要窄时，浏览器默认水平方向会有一个水平滚动条来容纳元素，改进的方法 添加一个max-width属性 所有的主流浏览器包括IE7+在内都支持 max-width 设置这个的目的：就在于浏览器窗口固定时，当div的最大宽度超过浏览器窗口的宽度时，div会自动适应 阅读全文

摘要：li元素 li元素是一个块级元素，display值默认为 block 当我们把display值改为inline后，li元素以水平菜单的样式显示 补充：display与 visibility属性不同， display：none；//内容会隐藏，但是这个位置可以让别人占用 visibility：hidd 阅读全文

摘要：行内元素： 内容多少就占多大的空间 与其他行内元素并排 不能设置宽高，默认宽度就是文字的宽度 块元素： 不管内容多少，总是在浏览器中独占一行。 可设置宽高，如果不设置宽高那宽度是100% 行内块元素：共享一行，可设置宽高，多个行内元素排列在一起 块级元素和行内元素的分类： 在HTML的角度来讲，标签 阅读全文

摘要：W3C标准盒模型 在标准盒模型中，width指content部分的宽度。 IE的盒模型 在IE盒模型中，width表示content+padding+border这三个部分的宽度 box-sizing的使用 定义使用哪种盒模型的属性 box-sizing:content-box 是W3C 盒子模型 阅读全文

摘要：相对定位：relative绝对定位：absolute 相对定位relative：相对于原来位置移动，元素设置此属性之后仍然处在文档流中，不影响其他元素的布局绝对定位absolute:1.在父元素没有设置相对定位或绝对定位的情况下，元素相对于根元素定位（即html元素）（是父元素没有）。2.父元素设置 阅读全文

摘要：方法1通过margin:0 auto ; text-align:center;实现css水平居中方法2通过display:flex（弹性布局）实现css水平居中 父元素：display:flex;flex-direction:column; //从上到下垂直排列而子元素：align-self:cen 阅读全文