-4

随着我的代码的增长，我注意到我的中间内容已被放入越来越多的标签中，特别是 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 并仍然使布局正常工作？

4

2 回答 2

3

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

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

喜欢

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

或者放弃 IE6 支持。

不需要全宽 div，而是将容器设置为 width:100%;。

此外，您可以使用 HTML5，并将侧边栏 div 替换为<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>
于 2012-10-08T17:32:14.940 回答
-1

为什么你在 a'full_width'上有一个类<div>，什么时候<div>默认已经是全宽了？

也许<div>你可以删除。

于 2012-10-08T17:22:45.793 回答