Question

<div>位于第二<li>

内，我遇到问题

我想在第1栏上展示它。目前我有这样的事情：

我想移动它：

请参阅下面的附件代码：

<html>
    <head>
        <style>
            li {
                list-style-type: none;
                float:left;
                width: 20%;
            }
        </style>
    </head>
<body>
<ul>
<li>
    <p>Test</p>
</li>
<li>
    <p>Test</p>
    <div>
        <p>Test2</p>
    </div>
</li>
<li>
    <p>Test</p>
</li>
</body>
</html>

请在此处查看所有代码：http://jsfiddle.net/hcj1Lb03/1/。不幸的是，我无法将其剪切并粘贴在第一层。

如何使用样式移动<div>元素？

Answer 1

试试这个，

<style>
    li {
     list-style-type: none;
     float:left;
      width: 20%;
    }
    ul{
     position:relative;
    } 
    .to-move{
     position:absolute;
     left:0;
     width:20%
    }
    </style> 


     <ul>
        <li>
            <p>Test</p>
        </li>
        <li>
            <p>Test</p>
            <div class="to-move">
                <p>Test2</p>
            </div>
        </li>
        <li>
            <p>Test</p>
        </li>
</ul>

从第一个li开始第二个里面的<div>

1 个答案: