Question

可能是一个愚蠢的简单解决方案，但我似乎无法在这里找到错误：

简单设置：一个<div>容器，其中包含两个内容：左侧是一个<ul>列表，旁边是另一个<div>。

问题：不知何故，<li>项目的内容类似于margin-right:auto;。我没有在任何地方宣布它，即使有保证金：0！重要;没有变化。此行为使右侧容器在列表块下移动。由于挑剔但需要js，我不能使用css浮动。

这是代码：

<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

这是正常的阻止行为。

你是否将.text_container浮动到左边？如果没有，那就没有错。如果是，则需要更多信息，例如.text_container的宽度和.full的宽度。

Answer 2

见这里：http://www.jsfiddle.net/9V2eH/

由于您无法使用float，因此您需要display:inline-block。

此外，您需要为div确定宽度。

请注意，您可能需要在包含overflow:hidden的{{1}}上精确div，以防止文字溢出。

列出不需要跨越该区域的项目？

2 个答案: