html - floating div with same height -
I have floating four divs if the content of the first division is high, then the boundary is not the same in four divisions. But I want to limit the height of the boundary to the extent of long content in four parts.
As mentioned in this example, the first device is getting more content, so the height below the boundary is four div. How can I create equal height in four divs for different contents of the div? There are several ways to implement this: For example: 1. Add class. Compaire And you can read about this problem & lt; Html xmlns = "http://www.w3.org/1999/xhtml" & gt; & Lt; Head runat = "server" & gt; & Lt; Title & gt; & Lt; / Title & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Div & gt; & Lt; Div style = "float: left; width: 24.5%; boundary: 1 px solid;" & Gt; & Lt; Span & gt; This is a trial period & lt; / Span & gt; & Lt; Span & gt; This is a trial period & lt; / Span & gt; & Lt; Span & gt; This is a trial period & lt; / Span & gt; & Lt; Span & gt; This is a trial period & lt; / Span & gt; & Lt; Span & gt; This is a trial period & lt; / Span & gt; & Lt; / Div & gt; & Lt; Div style = "float: left; width: 24.5%; border-top: 1px solid; bottom border: 1px solid;" & Gt; Box 2 & lt; / Div & gt; & Lt; Div style = "float: left; width: 24.5%; boundary: 1 px solid;" & Gt; Box 3 & lt; / Div & gt; & Lt; Div style = "float: left; width: 24.5%; boundary: 1 px solid;" & Gt; Box 4 & lt; / Div & gt; & Lt; Br style = "clear: left;" / & Gt; & Lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt;
.container {display: table; Width: 100%; Degradation: collapse; }. Container Divis {display: table-cell; Width: 24.5%; Border: 1 px solid; }
Comments
Post a Comment