Question

我有一个高度为2行的div。但我希望以下div适合左下角和右下角：

http://jsfiddle.net/netnet/NNH6V/ 在浏览之前，请将分离器向左拖动，您将看到checkbox2和“2222222222”可以完全适合左下角和右下角。

我可以使用相对位置（.VerticalUp类）。但问题是它会在下面留下一个空行，这是我不想要的。

有什么想法吗？

Answer 1

如果你试图漂浮血液学div，你有两个导致冲突。如果你改变.Hematology {float：right; }，这将使Prenatal内容浮动正确......使一切都适合......

Answer 2

尝试浮动位置。 ps-我是新来的。没有太多经验。：）

Answer 3

嘿现在更改为您的代码，因为您的代码很难创建新代码，请检查它。并根据设计实施您的项目

Css代码

.top, .bottom{
list-style:none;
    color:#fff;
}


.top li, .bottom li{
    display:inline-block;
    background:green;
    width:33%;
    vertical-align: top;
    border-top:solid 10px red;
}
p{
    display:inline-block;
    vertical-align: top;
}

.bottom {
position:absolute;
    left:0;
    right:0;
    bottom:0;
}

.bottom li:last-child{
float:right;
}

HTML代码

<ul class="top">
        <li>
        <input type="checkbox">
            <p>first Check box</p>
        </li>
        <li>
        <input type="checkbox">
            <p>Second Check box</p>
        </li>
        <li>
            <p>finel box</p>
        </li>
    </ul>


<ul class="bottom">
        <li>
        <input type="checkbox">
            <p>first Check box</p>
        </li>
        <li>
            <p>finel box</p>
        </li>
    </ul>

现场演示 http://jsfiddle.net/fAkY5/

如何将div放入角落

3 个答案: