胖子在练习js返回值的时候
第一个div是5+6=
第二个div是计算的结果
但是输出的时候却成了
5+6=
11
就很搞

经过和老师探讨之后
明确了div是一个块
而div是默认竖直方向上排列的
也就是说,在css里加一条float:left就可以了
废话不多嗦
直接上代码

<style>
 button{
    font-family: 幼圆;
    display: block;
    margin: 0 auto;
}
#expre {
    float: left;
}
#demo_2{
    float: left;
}
</style>
<body>
<div class="methodReturn">
<h2>测试返回参数功能</h2>
<div id="expre">
    5+6=
</div>
<div id="demo_2" >
</div>
<br>
<button type="button" onclick="methodReturnFunction()">计算</button>
</div>
</body>

实现结果:


div并排显示


  • 为什么要在button下加
    呢?

因为他喵的demo_2这个div横向(靠左)排列了
而button又是居中在methodReturn这个div中的
导致按下 计算 之后,expre所在的行就“变窄”了
导致按钮计算之后右移
不得已只能把按钮放在下一行...