Tablo İçeriği Mobilde Nasıl Taşmadan Kaydırılabilir Yapılır?

Merhabalar,

CSS bilgim var ancak şu kullanım mantığını kavrayamadım. Aşağıdaki örnek bağlantıda tablo demosu 312px'den sonra daralmayı bırakıyor ancak sayfa dışına da taşmıyor, içerik alanında sağa/sola kayabilir bir hal alıyor.

Bir üst div class için overflow: auto;verilmiş ve bu sayede içeriğin içinde kalmış ancak min-width değeri olarak görünen 312px nasıl oluşuyor? Onu bir türlü anlayamadım. Başka bir değer girdiğimde hep taştı ve overflow: auto; kodunun bir manası kalmadı?

Örnek: https://demo.mythemeshop.com/wp-shortcode-pro/page/53/

Dış div'e overflow-x: auto; vermen gerek.

hangi derleyeciyi kullanıyosun grafikte düzenleme ilede halledebilirsin dreamweaver de

Evet oldu, iç genişliklerin toplamının alabileceği minimum değere göre çalışıyormuş. Konuyu açarken benim kafa uçmuş resmen, şimdi çok basit geldi

Görsel derleyici kullanmadan direk Sublime Text ile yazıyorum.