Как разрешить горизонтальной прокрутки на веб-странице

Я планирую отобразить таблицу с большой шириной, так что я нету»основал CSS о HTML-код, чтобы отобразить эту таблицу и может перемещаться в горизонтальном направлении путьКак разрешить горизонтальной прокрутки на веб-странице

enter image description here

Единственная часть, которая должна быть с горизонтальной прокруткой, находится в центре (белый цвет). Вот мой взгляд на бритву.

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <meta charset="utf-8" /> 
     <title>@ViewBag.Title</title> 
     <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" /> 
     <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0" /> 
     @Styles.Render("~/Content/css") 
     @Styles.Render("~/Content/themes/base/css") 
     @Scripts.Render("~/bundles/modernizr") 
    </head> 
    <body> 
     <header> 
      <div class="content-wrapper"> 
       <div class="float-left"> 
        <p class="site-title">@Html.ActionLink("MS. GARCIA MATH 7TH", "Index", "Home")</p> 
       </div> 
       <div class="float-right"> 
        <section id="login"> 
         @Html.Partial("_LoginPartial") 
        </section> 
        <nav>...</nav> 
       </div> 
      </div> 
     </header> 
     <div id="body"> 
      @RenderSection("featured", required: false) 
      <section class="content-wrapper main-content clear-fix"> 
       @RenderBody() 
      </section> 
     </div> 
     <footer> 
      ... 
     </footer> 

     @Scripts.Render("~/bundles/otf") 

     @RenderSection("scripts", required: false) 
    </body> 
</html>

источник

2013-03-23 Darf Zon

завернуть его в DIV ограниченной ширины –

переполнения Try прокрутки переполнения

table 
{ 
overflow: scroll; 
}

источник

2013-03-23 04:56:36

Набор для прокрутки

#body{ 
    overflow-x: scroll; 
}

источник

2013-03-23 05:08:02

Как разрешить горизонтальной прокрутки на веб-странице

ответ

Смежные вопросы