How to keep two divs at the same height

1. Create a new html file, named it, to explain how to set the div height of jquery.

2. In the file, introduce the library file.

The file can be loaded successfully before the methods in jQuery can be used.

3. In the file, create a module with div tags, and use css to set its width to 50px and the background color to red.

4. In the file, set the class attribute of the div tag to mydiv, which is mainly used to obtain the div object through the class.

5. In the file, use the button tag to create a "set div height" button, bind the button button to the onclick click event, and execute the editheight() function when the button is clicked.

6. In the js tag, create the editheight() function, in the function, use the $ symbol to get the div element object, and then use the css() method in jquery to set the height attribute, for example, set the height to 200px.

leftright

right, the things that exceed the height are displayed, and another way is to use js control.

For example. Turn a div into a child of another div, the div height of the child element: 100% The height of the parent element is the height of the child element, and the 2 divs are positioned.

<>I guess you're trying to achieve that.

If the height of the second div and the third div follows the height of the first div (or the first and second adapts. Omitted) would be great.

If. Here I've experimented with the next three divs, all of which are inward, and you can't set height=???Or the outer layer. positon:re

Inner layer: p:a; It's not realistic. So the upstairs don't understand, don't irrigate. Let the great god explain.

I checked the documentation. The only solution to this problem is that it really doesn't work.

The above is the solution of a certain great god. I copied it.

Please pass by... Leave your thoughts.

leftright

rightHere the float is relative, all you need is the first div left float, so you just need to remove the float in the second div as follows:

leftright

right

What I don't understand is: why do you have to make the left div grow as the right div gets taller???

It's a bit troublesome to implement it with pure css, but I actually can't write it myself, because the top of it is aligned when it is written, and it doesn't feel like a waterfall.

It is recommended that LZ be implemented using a js plugin.

Search for this jquery plugin on the Internet, it's written specifically for waterfall, and you can get it by referencing its library and css**, which is the kind of effect you want.

The most classic two-column adaptive height css**,IE,FF test passed. Hope it works for you: body pagebody sidebar mainbody * easy clearing * pagebody:

after #pagebody /*\*/ #pagebody /* end easy clearing */ /*\*/ #sidebar, #mainbody @media all and (min-width: 0px) #sidebar:before, #mainbody:

before } /**/

The height inside your div can be written as the same value, and you need to display the inline block to be side-by-side, and you can try again.

style="margin-bottom:-9999px;padding-bottom:9999px;"

Add both. Then the upper level exceeds the hidden style="overflow:hidden"

You set 100% high, that is, the content in the div supports the height amount, can't you set a specific value?

Third-person shooting games, abbreviated as TPS (Third Personal Shooting Game), refer to games in which players can observe the characters they operate through the game screen and engage in shooting battles.

Add padding-bottom: 40px to style; That's it.

Higher browsers use display :table, and those that don't support this use padding-bottom:10000px; magint-botton:-10000px;

Just set a fixed height.

Does this mean that the div height is dynamically set? The height of the div is the highest height of the current line? There is also a problem with this design, in case there are 3 lines, the length of the text in each line of div is different, so the height of the div will be uneven; It's better to use the ellipsis for the extra link text of each line, and then give a title hint.

Can I send the source code? What does this picture mean?

In addition, the idea of handling div height consistency is as follows:

Just set their width, height properties, and keep them all the time!

You can modify the padding at the bottom of both sides to try or adjust the height of the corresponding div.

I can't see your picture clearly.,You can adjust the attribute value of the height in the div.,The second is to add a big div in addition to these 3 small divs.,This might be better.。

If you define the height, it must be caused by padding, you check it!

You fix the height of the two divs and put them in the same container, like another big div

Because the kernel of IE is different from the kernel of other browsers, you have to write a browser compatible**css, you look for browser compatibility** on the Internet, and then reference to the current page should be fine.

The test in Firefox is 100%.

You have a mistake here that the ids of the two divs nested in them are duplicated, and the ids cannot be repeated.