The height and width of EasyUi tabs are adaptive code according to the changes of IE window_jquery

The tabs code is as follows:

Copy code The code is as follows:

　

tabs1
　

tabs2
　

If the width and height of the div with id="tabs" are not set, the default width and height of easyUI are auto, like this It displays normally under Google browser, but does not display any content by default under IE, and conflicts with the dialog (the dialog cannot pop up the window).

I had no choice but to search on Google and found a solution as follows:
1. Remove class="easyui-tabs" in the div
2. Add a piece of JS

Copy code The code is as follows:

After adding this code, I found that the container will be very high because it Obtain the height
of the parent container. Solution:
JS is modified to

Copy the code The code is as follows:

$('#tabs').tabs({
　width: $("#tabs").parent().width(),
　height: "auto"
} );

Ok, done