Fatal编程技术网
  • html/
  • Html 浮动div和高度

Html 浮动div和高度

html css

Html 浮动div和高度,html,css,css-float,height,Html,Css,Css Float,Height,我希望内容和大小不同的两个div将具有相同的高度。 它们向左侧浮动；第一个有80%的宽度，另一个有20%的宽度 查看上的完整代码 venenatis elementum的nisl、venenatis elementum的Etiam vehicula、augue velit malesuada ipsum、我的母亲massa enim ut leo venenatis elementum的nisl、venenatis elementum的Etiam vehicula、augue velit ma

我希望内容和大小不同的两个div将具有相同的高度。

它们向左侧浮动；第一个有80%的宽度，另一个有20%的宽度

查看上的完整代码


venenatis elementum的nisl、venenatis elementum的Etiam vehicula、augue velit malesuada ipsum、我的母亲massa enim ut leo

venenatis elementum的nisl、venenatis elementum的Etiam vehicula、augue velit malesuada ipsum、我的母亲massa enim ut leo

venenatis elementum的nisl、venenatis elementum的Etiam vehicula、augue velit malesuada ipsum、我的母亲massa enim ut leo

venenatis elementum的nisl、venenatis elementum的Etiam vehicula、augue velit malesuada ipsum、我的母亲massa enim ut leo

venenatis elementum的nisl、venenatis elementum的Etiam vehicula、augue velit malesuada ipsum、我的母亲massa enim ut leo

venenatis elementum的nisl、venenatis elementum的Etiam vehicula、augue velit malesuada ipsum、我的母亲massa enim ut leo

venenatis elementum的nisl、venenatis elementum的Etiam vehicula、augue velit malesuada ipsum、我的母亲massa enim ut leo
考虑使用
显示：表格单元格
而不是
浮动
。看看这个例子：

您在
div#ads
上将
高度设置为100%，但它不知道100%的高度


如果您设置了
主体
高度，它将起作用，下面是您的更新
使用JQuery
.outerHeight（）
使两个对象的高度相同，但请确保记住输入一个ajax文件

这是一把小提琴：


我无法在车身上使用1000px（前缀高度）。。总有一天我的身体会达到1200px，再过一天会达到800px，身高也取决于设备；小屏幕需要更多像素来显示文档。。。最后，这在Responsive Design中不起作用好的，我试过了，它在高度上正常工作。。。但是看看我的代码，在开始和第一个之间有差距。代码我不知道它可能是什么…您可以使用表格单元格的垂直对齐：top将内容对齐到顶部。

<body>
    <div id="contenuto_body">
    <p>Etiam vehicula, nisl at venenatis elementum, augue velit malesuada ipsum, id gravida massa enim ut leo.</p>

    <p>Etiam vehicula, nisl at venenatis elementum, augue velit malesuada ipsum, id gravida massa enim ut leo.</p>

    <p>Etiam vehicula, nisl at venenatis elementum, augue velit malesuada ipsum, id gravida massa enim ut leo.</p>

    <p>Etiam vehicula, nisl at venenatis elementum, augue velit malesuada ipsum, id gravida massa enim ut leo.</p>

    <p>Etiam vehicula, nisl at venenatis elementum, augue velit malesuada ipsum, id gravida massa enim ut leo.</p>

    <p>Etiam vehicula, nisl at venenatis elementum, augue velit malesuada ipsum, id gravida massa enim ut leo.</p>

    <p>Etiam vehicula, nisl at venenatis elementum, augue velit malesuada ipsum, id gravida massa enim ut leo.</p>

</div>

<div id="ads">
    <img src="http://data.whicdn.com/images/1676707/Happiness_is_only_real_when_shared-Christopher_McCandless-480x360-20100312_large.png"/>
</div>
</body>