css - 这可能是什么原因造成的？

-3

我有一个外部div（蓝色）和内部div。我不确定它对相邻div有什么影响。有任何想法吗？删除内部div的内容会使其恢复正常。css - 这可能是什么原因造成的？

编辑＃1

这里有一个新的图像和CSS。看起来配对盒正在引起一些垂直偏移。

enter image description here

.clearfix:after { 
    clear: both; 
    content: "."; 
    display: block; 
    font-size: 0; 
    height: 0; 
    visibility: hidden; 
} 

.wide-box { 
    border: 1px solid blue; 
    margin-top: 10px; 
    min-height: 100px; 
    width: 450px; 
} 

.clearfix { 
    display: inline-block; 
} 
.pairings-box { 
    border: 1px solid black; 
    float: left; 
    width: 300px; 
} 

<div class='wide-box clearfix'></div> 

<div class='wide-box clearfix'></div> 

<div class='wide-box clearfix'> 
    <div class='pairings-box'>here is some text</div> 
</div> 

<div class='wide-box clearfix'></div>

来源

2012-03-10 timpone

问题是什么？ – 2012-03-10 22:07:15

该图像很有帮助，但我们可以看到您的实际HTML和CSS吗？ – 2012-03-10 22:07:42

你尝试过'display：inline-block'吗？我目前有一个与我的网站类似的问题，这解决了一些问题，但不是全部。 – Ryan 2012-03-10 22:10:20

后here

例子，我不相信蓝<div>■找一个display: block;你的建议。显示的行为对于display: inline-block;是正常的。

来源

2012-03-10 22:20:37 Neil

让我试着简化代码和发布。 thx – timpone 2012-03-10 22:25:06

我在一些div上遇到了同样的问题，inline-block对一些div有所帮助，但对其他人却没有。 @jacktheripper建议的浮动只是解决了我的问题，我只是做了一个测试，并改变了内联块来阻止，这对我的情况没有任何影响。 – Ryan 2012-03-10 22:25:52

我很抱歉 - 我认为你是对的Neil – timpone 2012-03-10 22:39:21

尝试浮动里面的内容就离开了。

实例之前花车彩车here

来源

2012-03-10 22:16:41 jacktheripper

美丽，这解决了我剩下的问题......我希望它可以帮助@timpone-谢谢队友......嘿嘿 – Ryan 2012-03-10 22:23:23

让我看看这个 - 我想这可能就是这样。会做一些调整和测试。 thx jtr – timpone 2012-03-10 22:24:43

它解决了它吗？ – jacktheripper 2012-03-10 22:48:25

css - 这可能是什么原因造成的？

回答

相关问题