CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了css – Div并排,无浮点大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
如何使div’left’和’right’并排看起来像列?

我知道我可以使用float:left on they and that will work … but on step 5 and 6 in here http://www.barelyfitz.com/screencast…s/positioning/
男人说这是可能的,我不能得到它的工作然…

码:

<style>
div.left {
    BACkground:blue;
    height:200px;
    width:300px;
}

div.right{
    BACkground:green;
    height:300px;
    width:100px;
}

.container{
    BACkground:black;
    height:400px;
    width:450px;
}
</style>

<div class="container">
        <div class="left">
            LEFT
        </div>
        <div class="right">
            RIGHT
        </div>
</div>

解决方法

不使用浮点时的通常方法是使用display:inline-block: http://www.jsfiddle.net/zygnz/1/
.container div {
  display: inline-block;
}

注意它的局限性:在第一个块之后有一个额外的空间 – 这是因为两个块现在基本上是内联元素,如a和em,因此两个计数之间的空格。这可能会打破你的布局和/或看起来不好,我不想去掉字符之间的所有空格,为了这个工作

浮动也更灵活,在大多数情况下。

大佬总结

以上是大佬教程为你收集整理的css – Div并排,无浮点全部内容,希望文章能够帮你解决css – Div并排,无浮点所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。