与边框

与边框

关注
发信
关注(28)粉丝(399)

经与边框麻烦时，NG-查看内容比窗口的高度大

本文介绍了经与边框麻烦时，NG-查看内容比窗口的高度大的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我使用下面的边境添加到我的应用程序：

  HTML，车身高度{：100％;宽度：100％;保证金：0; }正文：{前
    内容：;
    位置：固定;
    背景：＃124381;
    左：0;
    右：0;
    高度：60像素;
}正文：{后
    内容：;
    位置：固定;
    背景：＃124381;
    左：0;
    右：0;
    高度：10px的;
}
正文：{前
    顶部：0;
}
正文：{后
    底部：0;
}
身体   {
    左边框：10px的固体＃124381;
    边框右：10px的固体＃124381;
}

但是，如果我的NG-看法是大于屏幕，并有一个滚动，然后当我向下滚动，边界消失。

我的HTML是：

 ＆LT;身体GT;
   ＆LT; D​​IV ID =应用程序的视图级=容器＆GT;
      ＆LT; D​​IV NG-视图=＆GT;＆LT; / DIV＆GT;
   ＆LT; / DIV＆GT;
＆LT; /身体GT;

我只有一个模板加载，现在，它由3 500像素高jumboton的

当我使用谷歌浏览器来检查，我的身体正显示出，因为只有500像素高，低于1000像素是不是有边界。

我尝试过各种东西，但我希望身体有边界，也不管滚动或不滚动，我想边境永远存在。

我可以得到滚动边界，如果我这样做的工作。但是，那么非滚动游：（

为使滚动的工作​​，我可以改成这样：

HTML，身体{最小高度：100％;宽度：100％;保证金：0; }

有没有办法通过css来做到这一点在所有的情况下，这样的作品？


解决方案

我觉得这是你正在尝试做的。

您可以在您的导航栏的每一侧添加边框，并从每边删除10px的幅度。

也应该有体在这一规则 HTML，车身高度{：100％;宽度：100％;保证金：0; } ，因为这实际上是与边框和你后对身体应该是在一起的一个规则之前干扰。

参见整版工作下面的例子。

\r
\r

/ *，如果它需要使用此规则不BODY * /\r
/ *\r
HTML，身体{\r
  高度：100％;\r
  宽度：100％;\r
  保证金：0;\r
} * /\r
体：之前，\r
正文：{后\r
  内容：;\r
  位置：固定;\r
  背景：＃124381;\r
  左：0;\r
  右：0;\r
  高度：10px的;\r
}\r
正文：{前\r
  顶部：0;\r
}\r
正文：{后\r
  底部：0;\r
}\r
身体 {\r
  左边框：10px的固体＃124381;\r
  边框右：10px的固体＃124381;\r
  填充顶：60像素;\r
}\r
.navbar.navbar-NG {\r
  背景色：#FFF;\r
  背景：#FFF;\r
  的margin-top：10px的;\r
  保证金左：0;\r
  保证金右：0;\r
  边界：无;\r
  左边框：10px的固体＃124381;\r
  边框右：10px的固体＃124381;\r
}\r
.navbar .navbar-brand.navbar品牌为中心{\r
  位置：绝对的;\r
  左：50％;\r
  显示：块;\r
  宽度：200像素;\r
  文本对齐：中心;\r
  顶部：0;\r
}\r
.navbar＆GT; .container .navbar-brand.navbar品牌为中心，\r
.navbar＆GT; .container流体.navbar-brand.navbar品牌为中心{\r
  保证金左：-100px;\r
}\r
/ *使报头标题相同的高度作为导航* /\r
\r
.header H3 {\r
  的margin-top：0;\r
  保证金底：0;\r
  行高：40像素;\r
  填充底：19px;\r
}\r
/ *自定义页面页脚* /\r
\r
.footer {\r
  填充顶：19px;\r
  颜色：＃777;\r
  边境顶：1px的固体＃e5e5e5;\r
}\r
.container窄＆GT;小时{\r
  保证金：30PX 0;\r
}\r
/ *主要的营销信息，并签署了按钮* /\r
\r
.jumbotron {\r
  文本对齐：中心;\r
  下边框：1px的固体＃e5e5e5;\r
}\r
.jumbotron .btn {\r
  字体大小：21px;\r
  填充：14px的24px的;\r
}\r
/ *支持营销内容* /\r
\r
.marketing {\r
  保证金：0 40点;\r
}\r
.marketing P + H4 {\r
  的margin-top：28px;\r
}\r
/ *响应：人像片及以上* /\r
\r
@media屏（最小宽度：768px）{\r
  。容器 {\r
    最大宽度：730px;\r
  }\r
  / *删除我们设置填充较早* /\r
  .header，\r
  .marketing，\r
  .footer {\r
    填充左：0;\r
    填充右：0;\r
  }\r
  / *空出来的报头* /\r
  .header {\r
    保证金底：30PX;\r
  }\r
  / *在超大屏幕的视觉效果卸下底部边框* /\r
  .jumbotron {\r
    下边框：0;\r
  }\r
}

\r

＆LT;脚本SRC =htt​​ps://ajax.googleapis.com/ajax /libs/jquery/1.11.1/jquery.min.js\"></script>\r
＆所述; SCRIPT SRC =htt​​ps://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js＆GT;＆下; /脚本＆GT;\r
＆LT;链接HREF =htt​​ps://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css的rel =stylesheet属性/＆GT;\r
\r
＆LT;机身NG-应用=ramsiteApp＆GT;\r
  ＆LT; D​​IV CLASS =头＆GT;\r
    ＆LT; D​​IV CLASS =导航栏导航栏默认导航栏，导航栏NG固定顶角色=导航＆GT;\r
      ＆LT; D​​IV CLASS =容器＆GT;\r
        ＆LT; D​​IV CLASS =导航栏头＆GT;\r
          ＆LT;按钮式=按钮级=导航栏拨动崩溃数据切换=崩溃数据目标=＃JS-导航栏崩溃＆GT; ＆LT;跨度类=SR-只有＆GT;拨动导航＆LT; / SPAN＆GT;\r
            ＆LT;跨度类=图标栏＆GT;＆LT; / SPAN＆GT;\r
            ＆LT;跨度类=图标栏＆GT;＆LT; / SPAN＆GT;\r
            ＆LT;跨度类=图标栏＆GT;＆LT; / SPAN＆GT;\r
\r
          ＆LT; /按钮＆GT;\r
        ＆LT; / DIV＆GT; ＆LT;一类=导航栏，导航栏牌品牌为中心的href =＃/＆GT;拉姆M的茶人与LT; / A＆GT;\r
\r
        ＆LT; D​​IV CLASS =导航栏崩崩ID =JS-导航栏崩溃＆GT;\r
          ＆LT; UL类=NAV导航栏，导航栏导航左＆GT;\r
            ＆LT;立GT;＆LT; A HREF =＃/＆GT;家庭和LT; / A＆GT;\r
\r
            ＆LT; /李＆GT;\r
            ＆LT;立GT;＆LT;一个NG-HREF =＃/服务＆GT;服务及LT; / A＆GT;\r
\r
            ＆LT; /李＆GT;\r
          ＆LT; / UL＆GT;\r
          ＆LT; UL类=NAV导航栏，导航栏导航右＆GT;\r
            ＆LT;立GT;＆LT;一个NG-HREF =＃/关于＆gt;关于＆LT; / A＆GT;\r
\r
            ＆LT; /李＆GT;\r
            ＆LT;立GT;＆LT;一个NG-HREF =＃/接触＆GT;联系与LT; / A＆GT;\r
\r
            ＆LT; /李＆GT;\r
          ＆LT; / UL＆GT;\r
        ＆LT; / DIV＆GT;\r
      ＆LT; / DIV＆GT;\r
    ＆LT; / DIV＆GT;\r
  ＆LT; / DIV＆GT;\r
  ＆LT; D​​IV ID =应用程序的视图级=容器＆GT;\r
    ＆LT; D​​IV NG-视图=＆GT;\r
      ＆LT; D​​IV CLASS =警戒警报的信息＆GT;＆YUP LT; / DIV＆GT;流行的看法相反，Lorem存有不只是随机文本。它起源于公元前45首经典拉丁文学，使其在2000年的历史。理查德·麦克林托克，在汉普顿悉尼大学在弗吉尼亚州的拉丁教授，\r
      抬头一看的比较模糊的拉丁词，consectetur之一，从一Lorem存有通道，并通过引用古典文学的字去，发现了undoubtable源。 Lorem存有来自部分32年1月10日和德33年1月10日\r
      Finibus Bonorum等Malorum西塞罗（善恶的两极），写于公元前45年，这本书是关于道德理论的论文，在文艺复兴时期非常流行。Lorem存有的第一行，Lorem存有悲坐阿梅特..，来自\r
      在第1.10.32.Contrary线普遍看法相反，Lorem存有不只是随机文本。它起源于公元前45首经典拉丁文学，使其在2000年的历史。理查德·麦克林托克，在汉普顿悉尼拉丁文教授\r
      在弗吉尼亚大学，抬头看的比较模糊的拉丁词，consectetur之一，从一Lorem存有通道，并通过引用古典文学的字去，发现了undoubtable源。 Lorem存有来自部分32年1月10日\r
      与33年1月10日德Finibus Bonorum等Malorum西塞罗（善恶的两极），写于公元前45年。这本书是关于道德的理论，在文艺复兴时期非常流行的论文。 Lorem存有的第一行，Lorem存有悲坐\r
      阿梅特..，来自于部分1.10.32.Contrary大家普遍认为的一条线，Lorem存有不只是随机的文本，它有根从公元前45年一首经典拉丁文学，使其在2000年的历史。理查德麦克林托克，拉丁教授\r
      在汉普登 - 悉尼学院在弗吉尼亚州，抬头看的比较模糊的拉丁词，consectetur之一，从一Lorem存有通道，并通过引用古典文学的字去，发现了undoubtable源。 Lorem存有来\r
      从第32年1月10日和33年1月10日德Finibus Bonorum等Malorum西塞罗（善恶的两极），写于公元前45年。这本书是关于道德的理论，在文艺复兴时期非常流行的论文。 Lorem存有的第一行，\r
      Lorem存有悲坐阿梅特..，来自于部分1.10.32.Contrary大家普遍认为的一条线，Lorem存有不只是随机文本。它起源于公元前45首经典拉丁文学，使其在2000年的历史。理查德·麦克林托克\r
      在汉普登 - 悉尼学院在弗吉尼亚州的拉丁教授，抬头看的比较模糊的拉丁词，consectetur之一，从一Lorem存有通道，并通过引用古典文学的字去，发现了undoubtable源。\r
      Lorem存有来自部分32年1月10日和33年1月10日德Finibus Bonorum等Malorum西塞罗（善恶的两极），写于公元前45年。这本书是关于道德的理论，在文艺复兴时期非常流行的论文。第一线\r
      Lorem存有的Lorem存有悲坐阿梅特..，来自于部分1.10.32.Contrary大家普遍认为的一条线，Lorem存有不只是随机文本。它起源于公元前45首经典拉丁文学，使其在2000年的历史。\r
      理查德·麦克林托克，在汉普顿悉尼大学在弗吉尼亚州的拉丁教授，抬起头来的更隐蔽的拉丁词汇之一，consectetur，从Lorem存有通道，并经历了古典文学这个词的引用，发现了\r
      undoubtable来源。 Lorem存有来自部分32年1月10日和33年1月10日德Finibus Bonorum等Malorum西塞罗（善恶的两极），写于公元前45年。这本书是关于道德的理论，在文艺复兴时期非常流行的论文。\r
      Lorem存有的第一行，Lorem存有悲坐阿梅特..，来自于部分1.10.32.Contrary大家普遍认为的一条线，Lorem存有不只是随机文本。它起源于公元前45首经典拉丁文学，使其在\r
      2000年的历史。理查德·麦克林托克，在汉普顿悉尼大学在弗吉尼亚州的拉丁教授，抬起头来的更隐蔽的拉丁词汇之一，consectetur，从Lorem存有通道，并经历这个词在古典文学的引用，\r
      发现undoubtable源。 Lorem存有来自部分32年1月10日和33年1月10日德Finibus Bonorum等Malorum西塞罗（善恶的两极），写于公元前45年。这本书是关于道德理论的论文，很受欢迎\r
      在文艺复兴时期。 Lorem存有的第一行，Lorem存有悲坐阿梅特..，来自于部分1.10.32.Contrary大家普遍认为的一条线，Lorem存有不只是随机文本。它扎根于一块古典拉丁文学\r
      从公元前45年，使超过2000年的历史。理查德·麦克林托克，在汉普顿悉尼大学在弗吉尼亚州的拉丁教授，抬起头来的更隐蔽的拉丁词汇之一，consectetur，从Lorem存有通道，并经历了这个词的引用\r
      在古典文学，发现了undoubtable源。 Lorem存有来自部分32年1月10日和33年1月10日德Finibus Bonorum等Malorum西塞罗（善恶的两极），写于公元前45年。这本书是关于理论的论文\r
      伦理，在文艺复兴时期非常流行。 Lorem存有的第一行，Lorem存有悲坐阿梅特..，来自于部分1.10.32.Contrary大家普遍认为的一条线，Lorem存有不只是随机文本。它的根在一块经典\r
      从公元前45年拉丁文学，使超过2000年的历史。理查德·麦克林托克，在汉普顿悉尼大学在弗吉尼亚州的拉丁教授，抬起头来的更隐蔽的拉丁词汇之一，consectetur，从Lorem存有通道，并通过持续\r
      引用了古典文学的字样，发现了undoubtable源。 Lorem存有来自部分32年1月10日和33年1月10日德Finibus Bonorum等Malorum西塞罗（善恶的两极），写于公元前45年。本书是一本专着\r
      关于道德的理论，在文艺复兴时期非常流行。 Lorem存有的第一行，Lorem存有悲坐阿梅特..，来自行第32年1月10日。\r
      ＆LT; D​​IV CLASS =警戒警报的危险＆GT;＆YUP LT; / DIV＆GT;\r
    ＆LT; / DIV＆GT;\r
  ＆LT; / DIV＆GT;\r
＆LT; /身体GT;

\r

\r
\r

I am using the following to add border to my app:

html, body { height: 100%; width: 100%; margin: 0; }

body:before {
    content: "";
    position: fixed;
    background: #124381;
    left: 0;
    right: 0;
    height: 60px;
}

body:after {
    content: "";
    position: fixed;
    background: #124381;
    left: 0;
    right: 0;
    height: 10px;
}
body:before {
    top: 0;
}
body:after {
    bottom: 0;
}
body   {
    border-left: 10px solid #124381;
    border-right: 10px solid #124381;
}

However, if my ng-view is larger than the screen, and has a scroll, then when I scroll down, the borders disappears.

My html is:

<body>
   <div id="app-views" class="container">
      <div ng-view=""></div>
   </div>
</body>

I have just one template loading right now, which consists of 3 500px high jumboton

When I use the google chrome to inspect, my body is showing as only 500px high, and the below 1000px is not having the border.

I tried various things, but I want the body to have border, and regardless of scroll or no scroll, I want the border to always be there.

I can get the scrolling border to work if I do the following. However, then the non scroll breaks :(

To make scrolling work I can change to this:

html, body { min-height: 100%; width: 100%; margin: 0; }

Is there a way to do this via css so works in all cases?

解决方案

I think this is what you are trying to do.

You can add a border on each side of your navbar and remove the margin of 10px from each side.

Also should have body in this rule html, body { height: 100%; width: 100%; margin: 0; } as this is actually interfering with the border and your after and before for the body should be together in a one rule.

See working example below at full page.

/*Use this rule without BODY if it's needed*/
/*
html, body {
  height: 100%;
  width: 100%;
  margin: 0;
}*/
body:before,
body:after {
  content: "";
  position: fixed;
  background: #124381;
  left: 0;
  right: 0;
  height: 10px;
}
body:before {
  top: 0;
}
body:after {
  bottom: 0;
}
body {
  border-left: 10px solid #124381;
  border-right: 10px solid #124381;
  padding-top: 60px;
}
.navbar.navbar-ng {
  background-color: #fff;
  background: #fff;
  margin-top: 10px;
  margin-left: 0;
  margin-right: 0;
  border: none;
  border-left: 10px solid #124381;
  border-right: 10px solid #124381;
}
.navbar .navbar-brand.navbar-brand-centered {
  position: absolute;
  left: 50%;
  display: block;
  width: 200px;
  text-align: center;
  top: 0;
}
.navbar > .container .navbar-brand.navbar-brand-centered,
.navbar > .container-fluid .navbar-brand.navbar-brand-centered {
  margin-left: -100px;
}
/* Make the masthead heading the same height as the navigation */

.header h3 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 40px;
  padding-bottom: 19px;
}
/* Custom page footer */

.footer {
  padding-top: 19px;
  color: #777;
  border-top: 1px solid #e5e5e5;
}
.container-narrow > hr {
  margin: 30px 0;
}
/* Main marketing message and sign up button */

.jumbotron {
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}
.jumbotron .btn {
  font-size: 21px;
  padding: 14px 24px;
}
/* Supporting marketing content */

.marketing {
  margin: 40px 0;
}
.marketing p + h4 {
  margin-top: 28px;
}
/* Responsive: Portrait tablets and up */

@media screen and (min-width: 768px) {
  .container {
    max-width: 730px;
  }
  /* Remove the padding we set earlier */
  .header,
  .marketing,
  .footer {
    padding-left: 0;
    padding-right: 0;
  }
  /* Space out the masthead */
  .header {
    margin-bottom: 30px;
  }
  /* Remove the bottom border on the jumbotron for visual effect */
  .jumbotron {
    border-bottom: 0;
  }
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />

<body ng-app="ramsiteApp">
  <div class="header">
    <div class="navbar navbar-default navbar-ng navbar-fixed-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#js-navbar-collapse"> <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>

          </button>
        </div> <a class="navbar-brand navbar-brand-centered" href="#/">Ram M's Tea Man</a>

        <div class="collapse navbar-collapse" id="js-navbar-collapse">
          <ul class="nav navbar-nav navbar-left">
            <li><a href="#/">Home</a>

            </li>
            <li><a ng-href="#/services">Services</a>

            </li>
          </ul>
          <ul class="nav navbar-nav navbar-right">
            <li><a ng-href="#/about">About</a>

            </li>
            <li><a ng-href="#/contact">Contact</a>

            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div id="app-views" class="container">
    <div ng-view="">
      <div class="alert alert-info">YUP</div>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia,
      looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de
      Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from
      a line in section 1.10.32.Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney
      College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32
      and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit
      amet..", comes from a line in section 1.10.32.Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor
      at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes
      from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum,
      "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock,
      a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source.
      Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line
      of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.
      Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the
      undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance.
      The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over
      2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature,
      discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular
      during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature
      from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word
      in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory
      of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical
      Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the
      cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise
      on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
      <div class="alert alert-danger">YUP</div>
    </div>
  </div>
</body>

这篇关于经与边框麻烦时，NG-查看内容比窗口的高度大的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！

08-23 12:55
Powered by LMLPHP ©2024 与边框 0.037265