Question

嘿伙计们。我已经阅读了我的能力，而且我当然不是主人，但是我正在修复myspace.com上的同事个人资料，并且我在屏幕的每一边都使用了2个div，我希望它们能够对齐他们彼此相邻。我试过漂浮：左;和浮动：对;，我试过保证金：对;在div 1等等。

你可以帮忙吗？

这是网站： http://www.myspace.com/jonasjohansen

这是div1的信息：

    <div class="textBox" align="left" style="width: 290px; float: left;
 word-wrap:break-word">  
        <span class="orangetext15">
        BANDS
        </span>

        <b>MOVE</b><br />
        Fredrik ....balbalbalbla
        </div>

        <style>
    .textBox {
    position: relative;
    left:-320px;
    top:-120px;
    width: 0px;
    height: 0px;
    overflow: visible;
    z-index: 1;
    background-color: transparent;
    border:none;

        }
        </style>

这是div2的信息：

<style>.i {display:none;}{!-eliminate bio header!-}table table td.text table td.text {display:none;}{!-recover in shows and friends-!}table table td.text div table td.text,table table td.text table.friendSpace td.text {display:inline;}{! move up our custom section.  You may change px value !}div.myDivR {position:relative; top:0px; margin-bottom:-300px; }{! you can apply style to the custom div !}div.myDivR {background-color:white; border:2px solid; border-color:darkgreen; float: right;}</style></td></tr></table></td></tr></table><span class="off">Re-Open Bio Table give it our own Class </span><table class="myBio" style="width:435px;"><tr><i class="i"></i><td class="myBioHead" valign="center" align="left" width="auto" bgcolor="ffcc99" height="17">  &nbsp;&nbsp;<span class="orangetext15"> ABOUT JONAS JOHANSEN</span>  </td></tr><tr><td><table class="myBioI"><tr><td><span class="off"></span>


blalbalbalbalbla

<span class="off">END Bio Content </span>

Answer 1

看起来你的问题来自于你在布局右侧的td元素中有Bands部分（看起来属于布局的左列）这一事实。当您将float: left;应用到乐队td时，它会一直浮动到左侧列（通过浏览器渲染的怪癖），但它会为乐队td留出空间在右栏中。

您可以在页面代码中移动频段td吗？我不熟悉Myspace中的可编辑内容，所以我不确定，但这应该可以轻松解决您遇到的问题。

在Myspace上编写css - 问题

1 个答案: