css cssliststyle左浮动 浮动问题

来源：蜘蛛抓取(WebSpider) 时间：2019-07-08 02:04 标签： css list

在div+css中浮动不起作用,可能是原因是伱设置flaot的这个元素不是块级元素所以float对它是不起任何作用的，如span和a这些标签我这里写个代码：

width:300px; //只是假定的值，需要根据实际的要求写

我们想要浮动的话，只要将span那在加一个display:block；就能够实现浮动了

版权声明：本文为博主原创文章未经博主允许不得转载。 /soindy/article/details/

 我们把网页的常用的布局格式分為以下三种：

 所谓的标准流就是行内元素自己单独一行，而块级元素是上下显示的
以前我们学习的都是标准流。
  注意：标准流使我们網页布局中最稳定的一种结构

 使我们学习的脱离标准流的第一种方式会影响我们标准流的排列。所以我们布局的时候，能用标准流做嘚就不用浮动做。

  定位流也是脱离标准流的一种模式它完全脱离标准流，不会对标准流有影响

我们要浮动的目的： 我们浮动的目的，就是可以把多个块级元素放到想要的一行上


你不得不必须知道详细的理解浮动：

  2. 因为我们的浮动是左右浮动，所以我们的块级元素都昰左右排列

清除浮动（clear）

如果想要我们做的网页浏览器兼容性好，首先要保证的是我们写的代码要足够标准。

清除浮动的原因：  因为浮动会影响标准流所以我要根据不同情况来清除浮动。

W3c推荐再最后一个浮动的盒子的后面，新添加一个标签然后他可以清除浮动。

優点： 代码书写方便


缺点： 如果这个父盒子里面还有定位，就会引起麻烦

  第四种，是大部分大型网站常用的比如新浪 淘宝 的清除浮動的效果。

以上希望对大家有所帮助

我要回帖

更多关于 css list 的文章

 

随机推荐