Machen Sie die HTML -Spalte breiter, wenn sich die innere Div erweitert

Question

Bitte betrachten Sie Folgendes:

<td style="width: 500px;">
    <div style="width: 400px;">SomeContent</div>
</td>

Aus irgendeinem Grund erweitert sich die Spalte, die eine DIV enthält, nicht auf 500px, wie der Stil schon sagt.

Wissen Sie, wie Sie den TD dazu bringen können, die Breite zu ehren, die ich im Stil spezifiziere?

Answer 1

Theoretisch können Sie die Stile für Min-Breite und Max-Breite verwenden. In der Praxis ignorieren einige beliebte Browser diese Stile. In diesem Fall haben Sie explizit eine Breite von 400 deklariert, sodass sie immer 400 entsprechen sollte, es sei denn, ein Kind wächst oder ein Elternteil schrumpft. Sie können "Server" runat- "Server" und programmatisch das Breitenattribut basierend auf der Inhaltsgröße bestimmen, oder Sie können mit dem Überlaufstil abspielen oder es in ein Panel mit einer horizontalen Bildlaufleiste einfügen.

Answer 2

Gibt es eine Breite auf dem Tisch und andere TDs innerhalb der Tabelle? Haben Sie auch einen Doc -Typ im Gange?

Hier ist jedoch Ihre Lösung:

<td style="width: 500px">
  <div style="padding: 0 50px">SomeContent</div>
</td>

Stellen Sie Ihre Polsterung angemessen ein.

---

Nachdem ich Ihre Frage erneut gelesen habe, bin ich der Meinung, dass dies möglicherweise nicht die Antwort ist, nach der Sie suchen. Könnten Sie etwas mehr näher darauf eingehen?

Answer 3

Versuche dies:

<td style="width:500px;">
  <div style="width:100%;">SomeContent</div>
</td>

Wenn Sie möchten, dass der TD die genaue Größe des DIV zu einem maximalen 500px hat, versuchen Sie es mit:

<td style="max-width:500px;">
  <div style="width:100%;">SomeContent</div>
</td>

Denken Sie daran, dass IE6 die Max-Breite nicht versteht und es nur 500px zwingt.

Answer 4

Sie haben keinen Grund, eine feste Breite auf der DIV innerhalb des TD festzulegen. Standardmäßig sind Blockelemente, was bedeutet, dass sie die volle Breite des dort enthaltenen Elements füllen.

Stellen Sie entweder die Polsterung auf die TD oder den Rand auf der DIV ein, um den gleichen Stil zu erreichen.

Ohne Futher Markup oder CSS zu sehen, kann ich keinen Grund sehen, warum der TD nicht 500px wäre. Wenn Sie den Elementen zwei verschiedene Hintergrundfarben hinzugefügt haben, werden Sie tatsächlich bemerkt, dass der TD 100px breiter sein wird als der Div.