Question

我无法移动div内容。尝试填充，边缘。你能告诉我问题出在哪里吗？这里是示例代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <HEAD>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <style>
            .line1
            { 
               background-color:#AAAAAA;
               height: 100%;
               width: 1px;
               display: inline-block;
            } 
            .line2
            { 
               background-color:#CE5611;
               height: 100%;
               width: 1px;
               display: inline-block;
               margin-left: 121px;
            } 
        </style>
    </HEAD> 
    <body>
        <div id="a1" style='padding-left: 14px;width: 400px; height:148px'>
            <span style='display: inline-block'>
                <div>
                    <div>h1.1</div>
                    <div>h1.2</div>
                    <div>h1.3</div>
                    <div>h1.4</div>
                    <div>h1.5</div>
                    <div>h1.6</div>
                    <div>h1.7</div>
                </div>
            </span>
            <span class="line1"></span>
            <span style='display: inline-block'>
                <div>h2.1</div>
                <div>h2.2</div>
                <div>h2.3</div>
                <div>h2.4</div>
            </span>
            <span class="line2"></span>
            <span style='display: inline-block'>
                <div>h3.1</div>
                <div>h3.2</div>
                <div>h3.3</div>
                <div>h3.4</div>
            </span>
            <span class="line1"></span>
        </div>
    </body>
</html>

Answer 1

您在寻找vertical-align:top;吗？

Answer 2

这不是您的问题的答案，而是所有类似问题的通用解决方案。在Firefox中安装Firebug并检查所有元素以查看哪个元素存在问题。它会在所选元素上显示边距和填充，以便您可以快速检测到它。

Answer 3

我认为你应该改变布局。

不要试图在一个范围内给出div，这不是一个好方法。

什么是h2.1，h2.2

如果你想要显示列表，显示UL或OL，有序列表或未列表的列表..

保证金，填充不适合我的情况

3 个答案: