Question

随着我的代码的增长，我注意到我的中间内容已被放入越来越多的标签，特别是div。其中一些似乎重复，但当我尝试修改其中任何一个时，布局中断。

这是我的有问题的代码： http://jsfiddle.net/aBbtN/77/

具体来说，我的中间内容是这样包围的：

    <div id="ie6-container-wrap">
        <div id="container" class="thin_width">
            <div class="full_width">
                <div id="content">               
                    <div class="lft dc2">
                    LEFT SIDEBAR
                    </div>
                    <div class="rgt dc4">
                    RIGHT SIDEBAR
                    </div>
                    <div id="col-main">
                    FINALLY - SOME CONTENT!
                    </div>
                </div>
            </div>                    
        </div>
    </div>

我的问题是，是否有机会删除其中一个包含div但仍然可以正常运行的布局？

Answer 1

这不是正确的问题，但无论如何我都会回答。

是的，你有你不需要的div。而不是使用<div id="ie6-container-wrap"> 对不同的<head>

使用条件注释

像

<!--[if lte IE 6]><head class="ie6"><![endif]-->
<!--[if !IE]><head><![endif]-->

或放弃IE6支持。

不需要全宽div，而是将容器设置为宽度：100％;

此外，您可以使用HTML5，并将侧边栏替换为<aside id="side1"></aside>

编辑：这是你可以使用的东西并得到相同的结果。

<!DOCTYPE HTML>
<!--[if lte IE 6]><head class="ie6"><![endif]-->
<!--[if !IE]><head><![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Title</title>
</head>

<body>
        <div id="container" class="thin_width">
                <div id="content">               
                    <aside class="lft dc2">
                    LEFT SIDEBAR
                    </aside>
                    <aside class="rgt dc4">
                    RIGHT SIDEBAR
                    </aside>
                    <div id="col-main">
                    FINALLY - SOME CONTENT!
                    </div>
                </div>

        </div>

</body>
</html>

Answer 2

为什么'full_width'上有一个<div>课程，默认情况下<div>的全宽是什么时候？

也许你可以移除<div>。

我患有神经炎吗？

2 个答案: