tbody问题

tbody问题

<table class="big" width="100%">

    <!-- 头部结构 -->

    <thead>

    <tr>

    <td><img src="img\logo.png"></td>

    </tr>

    </thead>

    <tbody>

    <tr class="all">

    <td>

    <table width="100%"  border="2px gray solid">

    <tr>

    <td class="left">

    <div class="pra1">

    <p>商品管理</p>

    <p>评价管理</p>

    <p>咨询管理</p>

    </div>

    <div class="pra2">

    <p class="word">全部订单</p>

    <p>已完成订单</p>

    <p>待处理订单</p>

    <p>今日物流</p>

    </div>

    <div class="pra3">

    <p>月考核</p>

    <p>季度考核</p>

    <p>年度考核</p>

    </div>

    </td>

    <td class="right">

    <table class="one">

    <tr>

    <td>全部订单</td>

    </tr>

    </table>

    <table class="two">

    <tr>

    <td>查询:<input type="date"/>至<input type="date"/></td>

    </tr>

    </table>

    <table class="three">

    <tr>

    <td colspan="2">宝贝信息</td>

   

    <td>订单数量</td>

    <td>单价</td>

    <td>买家</td>

    <td>下单时间</td>

    <td>实付款</td>

    <td>订单操作</td>

    </tr>

    <tr>

    <td><img src="img\txue.png"></td>

    <td>2019新款个性男女潮牌imooc慕春之行文化衫</td>

    <td>2</td>

    <td>120</td>

    <td>小明</td>

    <td>2.19-2-21&nbsp;14:30</td>

    <td>240</td>

    <td>未发货</td>

    </tr>

    <tr>

    <td><img src="img\xie.jpg"></td>

    <td>2019新款个性男女潮牌imooc慕春之行运动鞋</td>

    <td>2</td>

    <td>120</td>

    <td>小李子</td>

    <td>2.19-2-21&nbsp;14:30</td>

    <td>240</td>

    <td>未发货</td>

    </tr>

    <tr>

    <td><img src="img\txue.png"></td>

    <td>2019新款个性男女潮牌imooc慕春之行文化衫</td>

    <td>2</td>

    <td>120</td>

    <td>小红</td>

    <td>2.19-2-21&nbsp;14:30</td>

    <td>240</td>

    <td>未发货</td>

    </tr>

    <tr>

    <td><img src="img\xie.jpg"></td>

    <td>2019新款个性男女潮牌imooc慕春之行运动鞋</td>

    <td>2</td>

    <td>120</td>

    <td>可乐</td>

    <td>2.19-2-21&nbsp;14:30</td>

    <td>240</td>

    <td>未发货</td>

    </tr>

    <tr>

    <td><img src="img\txue.png"></td>

    <td>2019新款个性男女潮牌imooc慕春之行文化衫</td>

    <td>2</td>

    <td>120</td>

    <td>魏明</td>

    <td>2.19-2-21&nbsp;14:30</td>

    <td>240</td>

    <td>未发货</td>

    </tr>

    <tr>

    <td><img src="img\xie.jpg"></td>

    <td>2019新款个性男女潮牌imooc慕春之行运动鞋</td>

    <td>2</td>

    <td>120</td>

    <td>李晓雨</td>

    <td>2.19-2-21&nbsp;14:30</td>

    <td>240</td>

    <td>未发货</td>

    </tr>

    <tr>

    <td><img src="img\txue.png"></td>

    <td>2019新款个性男女潮牌imooc慕春之行文化衫</td>

    <td>2</td>

    <td>120</td>

    <td>艳艳</td>

    <td>2.19-2-21&nbsp;14:30</td>

    <td>240</td>

    <td>未发货</td>

    </tr>

    <tr>

    <td><img src="img\xie.jpg"></td>

    <td>2019新款个性男女潮牌imooc慕春之行运动鞋</td>

    <td>2</td>

    <td>120</td>

    <td>片片</td>

    <td>2.19-2-21&nbsp;14:30</td>

    <td>240</td>

    <td>未发货</td>

    </tr>

    <tr>

    <td><img src="img\txue.png"></td>

    <td>2019新款个性男女潮牌imooc慕春之行文化衫</td>

    <td>2</td>

    <td>120</td>

    <td>小兰</td>

    <td>2.19-2-21&nbsp;14:30</td>

    <td>240</td>

    <td>未发货</td>

    </tr>

    <tr>

    <td><img src="img\xie.jpg"></td>

    <td>2019新款个性男女潮牌imooc慕春之行运动鞋</td>

    <td>2</td>

    <td>120</td>

    <td>魏璎珞</td>

    <td>2.19-2-21&nbsp;14:30</td>

    <td>240</td>

    <td>未发货</td>

    </tr>

    <tr>

    <td><img src="img\txue.png"></td>

    <td>2019新款个性男女潮牌imooc慕春之行文化衫</td>

    <td>2</td>

    <td>120</td>

    <td>小慕</td>

    <td>2.19-2-21&nbsp;14:30</td>

    <td>240</td>

    <td>未发货</td>

    </tr>

    <tr>

    <td><img src="img\txue.png"></td>

    <td>2019新款个性男女潮牌imooc慕春之行文化衫</td>

    <td>2</td>

    <td>120</td>

    <td>小苏</td>

    <td>2.19-2-21&nbsp;14:30</td>

    <td>240</td>

    <td>未发货</td>

    </tr>

    </table>

    </td>

    </tr>

    </table>

    </td>

    </tr>

    </tbody>

    <tfoot></tfoot>

    </table>


正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,因为给.left与.right设置了块级显示,块级的元素会独占一行,因此上下显示。可以去掉块级设置:

http://img1.sycdn.imooc.com//climg/5e4e3b3609739fe102880312.jpg

如果我的回答帮了你,欢迎采纳,祝学习愉快~

好帮手慕码 2020-02-20 12:33:42

同学你好,这边查看布局是正常的,请问是tbody有什么问题吗?可以详细描述一下问题所在,以便准确的帮助同学解决。

祝学习愉快~

  • 提问者 IceWizard #1
    运行后的左右两个类(.left与.right)变成了上下
    2020-02-20 12:36:24
  • 提问者 IceWizard #2
    css文件内的内容 .big > tbody .all{ display: block; width:100%; } .big > tbody .left{ display:block; width:12%; } .big > tbody .right{ display:block; width:88%; }
    2020-02-20 13:10:43
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师