Question

您好我已经编写了一些代码，我在另一个div中创建了两个div。然后，我创建了一张联赛桌，并将其浮动到右侧。我已经让左侧的2个div足够小，以便联盟能够与他们并排，但是它似乎没有向上移动它保持在2个div之下的位置。此外，当我希望左手边的2个div可以适应我内心的任何内容时。目前如果我在div内有一条线，它的高度仍适合10行。

我应该使用弹性盒吗？任何帮助将不胜感激

`

        <li id="et"> <a href="#">England</a>
            <ul>
                <li><a href="Premiership.html">Premiership</a>
                </li>
                <li><a href= "#">Championship</a>
                </li>
                <li><a href="#">League 1</a>
                </li>
                <li><a href="#">League 2</a>
                </li>
            </ul>
        </li>
        <li id="et"> <a href="#">France</a>
            <ul>
                <li><a href="#">Ligue 1</a> 
                </li>
            </ul>
        </li>
        <li id="et"> <a href="#">Germany </a>

            <ul>
                <li><a href="#">Bundesliga</a>
                </li>
            </ul>
        </li>
        <li id="et"> <a href="#">Italy</a>

            <ul>
                <li><a href="#">Serie A</a>
                </li>
            </ul>
        </li>
        <li id="et"> <a href="#">Spain</a>
            <ul>
                <li><a href="#">La Liga</a>
                </li>
            </ul>
        </li>
    </ul>    

</div>
<!-- Nav wrapper end -->

`https://jsfiddle.net/e2cmhrec/

Answer 1

<强> jsFiddle demo

您.wrap已

width:70%;
margin-left:3%;

通过一些基本计算，您剩余：27％。

但突然之间，你决定让你的权利浮动#sidebar

width: 30%

即使您使用不正常width:30%，也不会突然看到侧边栏中的表格：

width:120%;

如果您希望将float:left放在正确的浮动位置，请不要忘记.wrap #sidebar。

您的.wrap已display: table;，您用于第一个孩子display:table-cell。第二个孩子怎么样？另外，为什么在float:left元素上使用table-cell？

要改善您可能想要使用的table.grid look'n'feel：

border-collapse:collapse;

如果您有yoru伤害和悬浮细胞，也可以使用display:table元素：

border-spacing: 16px;      /* learn CSS rules */
border-collapse: separate; /* learn CSS rules */

我也看到了一个有趣的事情，你为阿森纳命名了一个班级.ArsStand，它给出了一个红色的边框......顶部而且显然不是底部的一个，所以你决定给团队添加同一个班级在...下面1.尽量不要命名与可变页面内容相关的类。 2.在公共元素规则之后创建特殊类（以便覆盖它们。）

不要为表添加高度...有一天你可能会有更多的数据，并质疑为什么它们都被压扁了。而是将垂直填充添加到td元素。

你不能在一个页面中有重复的ID元素！ id="headinj"

可调整的div和定位

1 个答案: