我是一个初学者,今天练习一个案例,书上有个类选择器里的元素里有一个display:line-block和一个float:left,书上的案例示范没有问题,但是我电脑上就报错了,我对着案例看了几遍都没看出是什么问题,各位大佬练练我吧!!!
CSS display是指显示状态,inline表示内联,特点是紧贴着前一个内联元素,通常默认的内联元素有span,a,em,strong等。而float表示的是浮动,float:left,是针对块级元素的浮动形式,是不同形式的两种状态。
上完整代码
float既然浮动了,就可以随意设置宽高,默认占据内容大小,那display还有什么作用呢,当然不起作用了,会报语法错误,
其实很多都会报错的,正常来说float会让元素变成块元素,但有些奇葩版本的浏览器,还必须加上display:block;
一切以实现效果为主,不能说写的代码符合标准,在部分用户打开网页的时候变形了不去处理。不推荐写hack;但如果想让每个用户体验一直,写hack是必要的