内联块的两个div不工作

-2

为什么这两个DIV不显示它内联？有什么事情发生和第二DIV其显示底部...内联块的两个div不工作

#mac{ 
 
display: inline-block; 
 
background-color:#000000; 
 
    background-repeat: no-repeat; 
 
padding-top:130px; 
 
height:455px; 
 
width:50%; 
 
} 
 
#mac2{ 
 

 
display: inline-block; 
 
background-color:#000000; 
 
    background-repeat: no-repeat; 
 
padding-top:130px; 
 
height:455px; 
 
width:50%; 
 
}

<!doctype html> 
 
<html> 
 
    <head></head> 
 
    <body> 
 
     <div id="mac"></div><div id="mac2"><img src="images/rocket.png"><span class="textomedio">Maximizamos tu ROI</span></div> 
 
    </body> 
 
</html>

http://jsfiddle.net/XCDsu/4/

来源

2014-09-19 Rom

它对我来说是内联的... – 2014-09-19 14:27:35

你的代码发布与你的jsfiddler – gunr2171 2014-09-19 14:27:38

不同如果你运行脚本你可以看到没有它的内联 – Rom 2014-09-19 16:19:52

您需要添加vertical-align:top;到#mac2：

#mac{ 
 
display: inline-block; 
 
background-color:#000000; 
 
background-repeat: no-repeat; 
 
padding-top:130px; 
 
height:455px; 
 
width:50%; 
 
} 
 
#mac2{ 
 
display: inline-block; 
 
background-color:#000000; 
 
background-repeat: no-repeat; 
 
padding-top:130px; 
 
height:455px; 
 
width:50%; 
 
vertical-align:top; 
 
}

<!doctype html> 
 
<html> 
 
    <head></head> 
 
    <body> 
 
     <div id="mac"></div><div id="mac2"><img src="images/rocket.png"><span class="textomedio">Maximizamos tu ROI</span></div> 
 
    </body> 
 
</html>

来源

2014-09-19 14:29:27 j08691

什么是一个在另一个之上？答案中的例子清楚地表明它们并排。 – j08691 2014-09-19 16:20:26

它行得通，谢谢 – Rom 2014-09-19 16:25:46

内联块的两个div不工作

回答

相关问题