The div inside the table is ignored?

This starts with the DOM model.

In the standard DOM, even if you don't write a tbody, the browser will put all the content in it by default, which allows the browser to display the table in a short time. And don't have to wait.

Even if tbody is not written, the browser will automatically parse it like this. So when you use js to read the tr parent node, you will naturally read the tbody.

tbody is a hidden tag of the table, just like the body of the page, whether you write it or not, it will always exist. If you write it, it will be calculated according to the structure you wrote, and if you don't write it, it will be between the default table and tr.

div can't be added between table and tr, which is not standard.

If you want to add, write it like this:

I wrote a**:

wolrd in div

hellomy

The source code after wolrd is opened with chrome becomes (div disappeared.,I don't know the specific reason):

wolrd in div

hellomy

wolrd

Typical syntax mistakes are problematic with nested tags.

The div cannot be added directly to the table, but can be placed in the td.

You can't add div in the table like this, and you can add it in tr.

You didn't set the height of the td.,The div must be set.,The div is set to absolute again.,If you don't come out, there's a ghost.。。

The most important thing is that you set the position property. caused div to pop out.

div has position:absolute is detached, remove or td to set the height.

Just set the height of the TD to the next level.

Why is it that I only thunder and not rain here?

Table, beginners who don't know CSS can also use Table to make web pages, using div is more flexible, and the style is separated from the page, and maintenance is also convenient. Beginners use table first, and you must div to improve your ability

You can't wrap tr with div in the table, otherwise div will be ignored, and div will disappear when parsing.

You can print the HTML method of the table, you can clearly see that the div is gone, and your review element is also missing, so you can't find it, so your html table structure is wrong.

table-tr-th or td-div

It should be such a relationship.

Tables can also be nested within a td

These are basic common sense, you waste a lot of time, that is, there is no foundation, if you want to add tr, you can set a tr of no class, for example, a class is the same class every time you add it, you can use the nextuntil method to get the last one that meets.

Without further details, wake up for yourself

Have you set the positioning of the table to float or absolute???

Or does the div have a set height?

View through debugging.

There is ambiguity in your words, do you want it to get bigger with the table or don't want it to get bigger?

No. Learning ** and div+css can be used in combination, and there are many places where it is not suitable to write with div.

For example, if you use a div, it's too cumbersome.

It's much easier and more convenient to write with **.

So it's advisable to learn both and not fall behind.

It will also be used, for example, when you are making a web page, a certain part uses a lot of ** form layout, you can use table to make it. There are times when web page production requires a table layout, then you need to use a table, which is like this now, because the div itself is not styled, when the page does not load CSS, the page looks very messy, and the table is not like this. Hope it helps.

No. If you need to list some* data at the time. Table is a good choice. Major portals will also be used.

But generally don't use ** layout.

Useful, table tag is a good tag! The layout is still very useful. It has to be used when it should be used, and div+css will not replace it.

Advocate div+css because it was too abusive in the early days, and the whole page is a big table, which also has the consequence of ps-direct slicing.

I can definitely use it. Otherwise, it can be used when the form is used. . .

Don't use ** for a single column, many columns and many rows must be used**, execl and word can't replace each other.

Not necessarily! See what you need for the web page!

You can change the width of the div to the same width as the table, or you can increase the width of the table.

The width of the table is a percentage, so that it scales relative to the div.

div, you can understand it as a square box, table you can understand as a ** box.

The div and table layout methods are the common layout methods of web pages.

table** is cumbersome, but the compatibility is good.

div, introduction, clear. However, pay attention to the attribute settings, otherwise it may be deformed!

It's all the way the page is laid out.

Nowadays, the div+css layout is generally used, and many people used to use tables.

The advantage of div+css layout is that it is more convenient and concise, **less, and it is easier to make and maintain, that is, in some places, different browsers have different compatibility and may have different displays.

There are many table layouts, and it is a headache to maintain them in the later stage. I have a deep understanding of this.,I just took over a**, I used the table layout.,As a result, the whole page is nested layer after layer**.,There's trtd everywhere.,It's big to see.。

The table layout is more limited, the div is more open, the design style is more, the effect is beautiful, the table advantage is that all browsers are compatible with div, and the disadvantage is that the compatibility is very troublesome.

div and table are the two most commonly used layout methods on web pages, and table is more intuitive and easy to get started.

div is not so intuitive, and it usually needs to be combined with css to achieve the desired effect, which is the development trend of the future layout.

In terms of web page loading speed, divs load faster than tables.

The layout saves pages compared to the table layout, and the structure is clearer and clearer.

The layout makes it easier to modify the layout of the layout, because the layout is written in a separate CSS file, which is much easier to modify, unlike the table to modify a lot of information in the page.