three column layout equal height
How to mak开发者_JAVA技巧e three column layout having equal height using only css and html (no js)
Easiest way is to use faux column background technique.
You can also try giving three divs massive bottom paddings with massive bottom margins with a container with overflow: hidden. It doesn't play nice with inline anchors though.
<html><body>
<div>
<div style="float:left;height: 33.33%;width:10%;background-color:red">zdfsfs</div>
<div style="float:left;height: 33.33%;width:10%;background-color:blue">zgfsgsgfsgf</div>
<div style="float:left;height: 33.33%;width:10%;background-color:cyan">zvgzcxgvxz</div>
</div></body></html>
div {display : table-cell;}
This Could Be Another Solution To The Problem! For More Information, Please See This Link: Is there a disadvantage of using `display:table-cell`on divs?
加载中,请稍侯......
精彩评论