div与列表嵌套问题，求大神解救

页面效果如下：
写了大框div用来设置背景颜色做阴影效果，第二个div用来放文本，里边用了列表。

问题就是第二个div内容始终脱离大框的div，求大神拯救，谢谢！

现在的效果如下：

部分代码如下：

你把第二个div的高度去掉，然后给里面ul下的li 给一个float:left

你不要给div1指定高度和宽度 div1就会被他的子元素撑起来 按你这个的需求 你试试把css里设置div1的高度去掉

老哥,代码要截全,描述问题要清楚.我看你这代码,效果就应该是这样的啊

我遇到过这种问题，并且已经解决，你可以给外边的大的div加一个CSS属性：overflow: hidden;就可以了

div 有个绝对定位，和相对定位，把固定高度去掉。

div2 加上top-padding

记得有个position:relative;

table是块级元素，两个table放在一起是默认是从上到下排列，行级元素则默认是从左到右排列。align是tabel的一个属性它可以使不同的表格安装特定的方向排列，align属性值右left右right等。

你应该是在做导航条，每个li标签加float:left

把div1中的高度和宽度的限制去掉，设置position:absolute在设计中调大小

去掉高度指定，div1加clearfix即可。

布局不对，里面内容要用定位放置

不知道楼主是否说的是这种效果的，我理解能力有限，只能理解成这样，贴上代码，如果不是这种效果，你可以给我说，我再给你做啦，嘿嘿嘿，求选求选

*{
            margin: 0;
            padding: 0
        }
        .div1{
            border: 3px solid #0000cc;
            width: 800px;
            height: 40px;
            border-bottom-color: darkgray;
        }
        .div2{
            float: left;
        }
        ul{
            list-style: none;
        }
        li:hover{
            background: red;
        }
        li{
            background:#00c;
            color: #fff;
        }

第一句的那个 * 号是匹配所有便签，因为不同浏览器会给一些便签带上一些默认的间距，每个浏览器带的不一样，为了避免这个，就把所有标签的间距都清除掉，然后再自己写间距

我感觉缺少清除浮动clear: both;