html - 列出不需要的跨越区域的元素？

Question

可能是一个愚蠢的简单解决方案，但我似乎找不到这里的问题:

简单设置:一个<div>包含两个内容的容器:一个 <ul>左侧列表和另一个 <div>就在它旁边。

问题:不知何故 <li>元素有类似 margin-right:auto; 的东西.我没有在任何地方这样声明，即使有 margin:0!important;没有变化。此行为使右侧容器移动到列表 block 下方。由于挑剔但需要js，我不能使用css float 。

这是代码:

<div class="full">
    <div class="text_container" stlye="position:relative;width:250px;">
        <ul>
        <li class="box_link2">Item 1</li>
        <li class="box_link2">Item 2</li>
        <li class="box_link2">more items</li>
        </ul>
    </div>

    <div class="text_container">
        <p>Content</p>      
    </div>
</div>

我只是不明白为什么无法控制列表项。这样正常吗？即使我改变这两个内容的顺序div由于 li，我仍然无法单击或选择右侧的文本的扩展。

感谢任何帮助。

Answer 1

请看这里:http://www.jsfiddle.net/9V2eH/

因为您不能使用float，所以您需要display:inline-block。

另外，您需要为您的 div 精确设置宽度。

请注意，您可能需要在包含 ul 的 div 上精确设置 overflow:hidden 以防止任何文本溢出。