Wie ein HTML-Element in einem Div-Block visuell zu erweitern?

Question

Ich habe meine HTML-Seite mit Div-Blöcken aufgeteilt. In einem der Div-Blöcke habe ich eine Tabelle erstellt. Ich möchte, dass die Breite dieser Tabelle auf den gesamten verfügbaren Platz erweitert wird.

2 Probleme: A) Wenn ich die Breite der Tabelle auf 100% setze, scheint sie sich auf die Größe der ganzen Seite auszudehnen, nicht der Div-Block. B) Darüber hinaus scheint es nicht durch den Eltern-Div-Block abgeschnitten zu werden (d. H. Es läuft über).

Wenn ich Rahmen verwende, würde dieses Problem weggehen ... aber ich möchte keine Rahmen verwenden.

Hat jemand eine Lösung mit HTML/CSS?

Answer 1

Sie benötigen eine statische Breite auf div-Container:

div.container { width: 400px; overflow: hidden; } 
div.container table { width: 100%; } 

<div class="container"> 
    <table><tr><td>something</td></tr></table> 
</div> 

Answer 2

Sie wahrscheinlich die Tabellen position CSS-Attribut relative für die relative Größe arbeiten festlegen möchten.