今天写css，设置了两个div在同一层级，结构如下
<div style="float: left;">
</div>
<div style="float: left;">
.........
</div>
<div class="clear:both;"></div>
到ie上面测试发现一切正常，可是放在google浏览器上确怎么也不存在于同一行
最后，怀疑是不是没有设置第二个div的宽度，导致不能满足分配在一行的宽度？加上宽度，测试，成功
java新手上路
- 浏览: 81807 次
- 性别:
- 来自: 南京
-
最新评论
两个div设置了float:left不并排的原因
相关推荐
div设置成float之后，在父div中设置text-align:center，就无法使子div居中显示了，不过我们可以使用变通的方法达到这一效果，就是在父div上再套一个div，如下： 复制代码代码如下: <div id=”outerdiv” xss=...
复制代码代码如下: <... <head> <style type=”text/css”> div#row1 { float: left;... <div id=”row1″>第一个div</div> <div id=”row2″>第二个div不换行</div> </body> </html>
有6个DIV,每一个的classname分别为b1,b2,b3,b4,b5,b6 按顺序排列,改变不同的CSS可以令布局发生改变。 例子,以下CSS代码可以令6个div按井字排列： .b1{ float:left;width:290px; height:300px; margin-right:10px} ...
当N个元素浮动后，会导致错位的问题。一般给元素一个固定的height就没有这个现象。 但是当高度不一致时，就需要想别的办法来解决了： 1、给父元素定义font-size:0; 浮动子元素定义需要的font-size， 再定义display...
[float:left]有个伟大之处，它使div（或者其他标签）的宽度自适应其内容，但它却有个弊端：无法居中。 [display:inline-block]也有同样的特性，并且可以居中，但连续几个这样的东东，之间却会出现空格。 为了解决这...
在IE6下（标准模式/怪异模式） 一个元素向左浮动(float:left)，且添加了向左空白边(margin-left:10px)，那么会自动的加一倍变成30px。 例： 复制代码代码如下: <!DOCTYPE HTML> <html> <head> <...
float:left; width:100%; background:#F4F7FB; font-size:93%; line-height:normal; border-bottom:1px solid #BCD2E6; } #tabs1 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #...
DIV+CSS布局：CSS浮动float属性详解 不解释
DIVCSS布局：CSS浮动float属性详解
2.三栏居中方式：将中间div置于结构最下方，分别给左右两侧内容设置左右浮动，这时由于左右两侧内容高度塌陷，最下方的div会向上位移，给该元素设置居中。 html代码： <div class="w"> <div class="left"></div...
因为从这个题目我们可以更加容易的看出，如果您没有闭合(清除)浮动元素，它将造成的后果是—–div的高度不能自动增加。言归正传目前用来清除“闭合(清除)浮动”的方法，主要是一下四种：1.额外标签法这种方法就是向...
float:none 不使用浮动 float:left 靠左浮动 float:right 靠右浮动 二、浮动的用途 可设置文字环绕或使元素宽度由内容填充（类似Inline-block)。使用浮动需要注意的是如果浮动的元素高度比父级容器还高，那么需要...
简单的web动画效果，入门级的练习。一个简单的入门级尝试，也是新手的练习作品 .box .xiyouji{ width:100%; height:100%; ... position: absolute;... .box .xiyouji .div:hover{ transform:scale(1.3);
加入float:left以后会使随后跟上的BUTTON标签跟在DIV后面，这是就须在两者之间加入一个CLASS为clear的DIV，下面的示例，大家可以看看
一个Div包含了多个子Div，并且子Div使用了浮动后，父Div确不能被撑开，如下图： 部分代码如下： 复制代码代码如下: <style> #div1{border:1px solid red;float:left;} #div2,#div3{float:right;border:1px ...
CSS+DIV设计实例：实现让多个DIV排列时居中.txt
一种5个DIV并排在一行的方法</title> <style type=”text/css”> #bottom { margin:0 auto;/*下边居是0 */ width:300px; } #bottom div { width:60px; } #d1 { float:left; background:#f00; } #d2...