Question

HTML布局的问题

<div style="width:100%; height:100%;min-height:850px;background:#F1F1F1;">
<div style="width:1024px; height:100%; margin:0 auto;">
<div style="width:1024px; height:26px; text-align:left; line-height:26px">
<a style="color:#A3A5A8; font-size:10px; font-family:'宋体';width:1024px; height:100%; margin-left:40px;">sadfdsafsdaf</a>
</div>

<div style="width:181px; height:300px;">
<span><h3>
asdfdsafsdafsdafdfs
<a href="#">sadfsadfsdafdsa</a>
fdsafdsafsdafsdf
</h3></span>
<span><h3 >
sdafsdafsdafsda
<a href="#">sadfdsafsdaf</a>
sadfsdafsdafdsa
</h3></span>
<span><h3>
sadfsadfsdafsdaf
<a href="#" >sadfdsfsdafdsaf</a>
sdafsdfsdafsd
</h3></span>
<span><h3>
sadfsadfsdafsaf
<a href="#">sadfsadfsdaf}</a>
sdfsdafsdaf
</h3></span>
</div>
<div style="width:609px; margin-left:20px; margin-top:22px; float:left; height:100%; ">
<div style="width:779px; height:60px;background:#FFFFFF;text-align:left;">sadfsafsafa</div>
<div style="min-height:750px;">
dsfsadfsafsaf
</div>
</div>
</div>
</div>

下面的DIV按道理来说应该是在大的DIV里面的，但是现在超出了，求大神修改下。我试着给左边的小DIV一个float:left,虽然进去了，但是100%的高不起作用了。
我想让3的DIV放到2里面 和1并排显示，并且最大的这个DIV随着3的高度改变而改变





Answer 1

1、下面的DIV按道理来说应该是在大的DIV里面的，但是现在超出了，求大神修改下。
首先下面的div确实在第一个写了min-height的div中，并没有超出。你可以在按F12在浏览器里面查看，DW的设计试图本来就不准，建议你以后还是以浏览器为准，不要看设计视图。

2、我试着给左边的小DIV一个float:left,虽然进去了，但是100%的高不起作用了。
网页中高跟宽是不一样的，宽100%是以浏览器宽度来计算的，所以100%宽就等于浏览器宽度。
而高度的话，body是没有高度的，所以100%的高度是不存在的。
除非你的父元素规定了高度是多少，不然是没有100%高的说法的。

如果可以帮助到你，请采纳为最佳答案，如果还有疑问请追问。

Answer 2

你的这段代码稀烂，不知道怎么修改，看不懂你想表达啥问题，麻烦你上传一个完整点的效果图出来，我帮你重新写个代码，css代码不是你上面这样写的，可以说你写的是稀烂

Answer 3

代码没什么问题.你在浏览器中预览一下就可以看到,你说的层实际是在父层里面的,只是DW里显示的不对,而且父层的高度最好不要定义为100%,一般定义为height:auto;才会根据子层的高度变化而自动变化