如何让表格横向排列

问题：

在生成第二个日历表格时，如何让它往右移动，而不是向上移动，从而避免遮挡“<span class="glyphicon glyphicon-triangle-bottom"></span>”和“确定”按钮？

答案：

jQuery+CSS3 3D立体图片排列布局代码

jQuery+CSS3 3D立体图片排列布局代码

下载

要让表格横向排列，需要修改以下代码：

...
<div class="box">
  ...
  <table class="table_cla" style="display: none; float:right">
    ...
  </table>
</div>
...

• 将 table_cla 表格样式中添加 float: right 属性，让表格水平浮动向右。
• 将包裹表格的 box 元素中的 margin-right 属性更改为正值，与 float: right 的方向相反。

修改后的代码：

...
<div class="box" style="margin-right: 840px;">
  ...
  <table class="table_cla" style="display: none; float:right">
    ...
  </table>
</div>
...

这样，点击“<span class="glyphicon glyphicon-triangle-bottom"></span>”按钮将生成水平排列在右侧的第二个日历表格，而不会遮挡其他元素。