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? & 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;

There are several ways to implement this: For example: 1. Add class. Compaire

  .container {display: table; Width: 100%; Degradation: collapse; }. Container Divis {display: table-cell; Width: 24.5%; Border: 1 px solid; }   

And you can read about this problem

Comments

Popular posts from this blog

ios - Adding an SKSpriteNode to SKScene from a child SKSpriteNode -

Matlab transpose a table vector -

c# - Textbox not clickable but editable -