方法一:float来和BFC实现· 方法二:absolute定位和margin值实现· 方法三:calc(100% - 固定内容的宽度) 用calc函数动态计算数值 · 方法四:flex布局轻松搞定 · 方法五:使用table和table-cell实现· 方法六:使用inline-block携手calc函数设置宽度
1)图片有边框BUGo 当图片加在IE上会出现边框o Hack:给图片加border:0;或者border:0 none;2)图片间隙o div中的图片间隙BUGo 描述:在div中插入图片时,图片会将div下方撑大大约三像素。o hack1:将与写在一行上;o hack2:将转为块状元素,给添加声明:display:block;
Doctype的作用1.声明叫做文档类型DTD,它的作用就是用来标识浏览器使用哪种文档类型,让浏览器知道以何种方式解析文档。2.必须位于HTML文档的第一行,处于标签之前,但是不属于HTML文档标签。3.声明文档的解析类型(document.compatMode),是为了避免浏览器的怪异模式。
1、Flex的横向平铺填充:让父元素触发弹性和也就是display:flex;然后让所有的子元素均分使用flex:1;代码如下:2、flex用法场景- 场景一:移动端和PC端布局中;能够高效解决间距调整的问题(移动端布局和PC端布局)- 场景二:能快速高效实现元素水平垂直居中(点击删除的弹窗)
1、css布局,左侧宽度最小150px,最大25 %,右侧自适应。怎么实现?- 方法一:1.float+BFC【BFC区域不会和设置浮动的区域重合】- 方法二:弹性盒子2、CSS的基本语句构成是什么?- CSS被称之为:层叠样式表(Cascading Style Sheets)是对页面结构的一种修饰;- CSS的基本语法是:选择器{属性:属性值;属性:属性值;属性:属性值}