特别推荐 回复讨论(解决方案) 用margin不行吗 margin或者padding就可以吧 用margin不行吗 每张图片都设置margin，那图片要是从数据库中取哪怎么办？ 用margin不行吗 每张图片都设置margin，那图片要是从数据库中取哪怎么办？ 样式不要写到标签里 样式不要写到标签里 要给每张图片设置不同的margin值，不写标签里怎么行呢。 样式不要写到标签里 ...
Inline-block 和 float 分别在什么时候用？？？ 有时候“Inline-block” 和 “float” 都能实现横向排列的效果，二者分别在什么时候用？？？ 分别适合于什么情况？？？ 回复讨论(解决方案) 这样的问题 其实你应该先说 这2个的实现效果是什么 步能因为部分重叠的功能 影响你的应用 “float” 主要用来进行列布局的； 行内元素（内联元素）是不能设置width、padding-left、padding-right等属性的，...
FL FL FL FL nav ul li{ float: left; width: 72px; display: inline;}nav li a { display:block;} 上面是html，css和效果图 回复讨论(解决方案) 有几个问题： 1，为什么li里float left和display inline同时使用？感觉作用是差不多的。网上了解下，li是个半block元素，是不是跟这个有关系？ 2，a里为什么要display: block，而且去掉后效果似乎也没什么改变。 3，文字“FL”本来和图片是并排的...
一、float 闭合（清除浮动） 将以下代码加入Global CSS 中,给需要闭合的div加上 class="clearfix" 即可,屡试不爽. .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { displa...
1 2 3 4 5 test1 6 7 #container { 8 background-color: #f1f1f1; 9 width: 80%;10 margin: 20px auto;11 }12 .item {13 float: left;14 color: white;15 text-shadow:0 1px black;16 margin: 10px 20px;17 padding: 20px;18 }19 #container > .item:nth-child(1) {20 background-color: #F00080;21 }22 #container > .item:nth-child(2) {23 background-color: #D8AAD8;24 }25 #container > .item:nth...
在IE下都正常，没有任何问题，但是在chrome（版本 45.0.2454.85 m）下却出现这样错位的情况，找不到是什么原因造成的。 假如不用float:left，从第5个li开始，也会有空白的情况，有谁遇到过这种情况，是什么原因引起的？ 以下是代码： chrome浏览器li出现空白错位*{margin:0;padding:0}li{list-style:none;}a{color:#333; text-decoration: none;}.main{width:980px;margin:0 auto;overflow:hidden;}.link ul{ov...
很早以前就接触过CSS，但对于浮动始终非常迷惑，可能是自身理解能力差，也可能是没能遇到一篇通俗的教程。 前些天小菜终于搞懂了浮动的基本原理，迫不及待的分享给大家。 写在前面的话： 由于CSS内容比较多，小菜没有精力从头到尾讲一遍，只能有针对性的讲解。 如果读者理解CSS盒子模型，但对于浮动不理解，那么这篇文章可以帮助你。 小菜水平有限，本文仅仅是入门教程，不当之处请...
W3School 的例子在此 http://www.w3school.com.cn/tiy/t.asp?f=html_layout_ps ，请对照里面的代码和以下的图来理解的我问题，谢谢。 首先，我不明白的是，删除第一个「float:left;」后，为什么会如图般多出了一行空白？难道「float:left;」还有什么隐含的规则属性？ 我知道「float:left;」是向左浮动，W3School 的 CSS 文档说明里只是说 "浮动元素会生成一个块级框" ，那没了「float:left;」就是内联元素，即便...
在学习bootstrap中的下拉菜单时，遇到下面情况： 下拉菜单 … 添加ul的类名为pull-right或dropdown-menu-right，可以改变下拉菜单的对其方向，效果图为： 默认样式为: 下面贴上：.pull-right的css代码 .dropdown-menu.pull-right { right: 0; left: auto;}.dropdown-menu-right { right: 0; left: auto;} 但还需要设置父元素div的样式为float:left！！！ 原因： di...
在进行页面布局时，经常会用到float，但使用了float后，在IE下margin会出现加倍的问题，我一直是用hack的方法，但最近做个页面时，发现用hack 了，样子和在FF下，还是不一样，于是就网上查找了下，加个display:inline;就可以解决了，这样IE和FF下就都一样了。 举例： CSS,如果这里不使用display:inline: 在IE下会出现加倍问题 .div_float{float:left;width:180px;height:100px;margin:10px;display:inline;border:1px...
很早以前就接触过CSS，但对于浮动始终非常迷惑，可能是自身理解能力差，也可能是没能遇到一篇通俗的教程。 前些天小菜终于搞懂了浮动的基本原理，迫不及待的分享给大家。 写在前面的话： 由于CSS内容比较多，小菜没有精力从头到尾讲一遍，只能有针对性的讲解。 如果读者理解CSS盒子模型，但对于浮动不理解，那么这篇文章可以帮助你。 小菜水平有限，本文仅仅是入门教程，不当之处请谅解！ ...
昨天在解决了盒模型的问题之后又出现了新的知识模糊点：浮动和绝对定位？今天先解决浮动相关的问题，首先列举出想要解决的问题： 1.浮动到底是怎么样的？ 2.浮动对元素的影响有什么？ 3.浮动主要用来干什么？ 第一个问题：浮动到底是怎么样的？ W3CSCHOOL对浮动属性的解释： 浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。所以浮动也有left、right、none三种。 我个人的...
我们在CSS 中很多时候会用到浮动来布局。常见的有 float:left 或者 float:right 。简单点来说，前者是左浮动(往左侧向前边的非浮动元素飘，全是飘得元素的话，就按照流式来浮动从左到右，放不下则换行)，后者是右浮（往右飘）动。 上述这就是我们对于CSS中的浮动的最初步的认识了。下面我就对float进行了一些简单的研究。 有几点需要注意： 1、 浮动元素会被自动设置成块级元素，相当于给元素设置了 display:bl...
float 系统学习 float的原本作用是产生文字环绕效果 float可以产生包裹、隔绝的效果（ BFC）、破坏性 其他具有包裹性质的属性 display ： inline-block table-cellposition: absolute/fixed/sticky???overflow: hidden/scroll 什么是破坏性 父元素的高度塌陷 其他具有破坏性的属性 display: noneposition: absolute/fixed/sticky 清除浮动(放在浮动元素的父元素上) clear ...
在网页的布局过程中，经常会用到float属性来实现页面的左右布局，但是有个问题就是父元素的高度并不能根据子元素的高度自适应。比如下面这段代码： title p left right 在浏览器中查看效果如下： 在有些情况下，我们需要父元素能够根据子元素的高度进行自适应，这时候你只需要给父div加个overflow:hidden就可以了。譬如： ...