Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/date/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 为什么我的容器大小与文本大小不相关？ 文本文本文本文本文本文本 文本文本文本文本文本文本_Css_Twitter Bootstrap_Sass - Fatal编程技术网
Fatal编程技术网
  • css/
  • Css 为什么我的容器大小与文本大小不相关？ 文本文本文本文本文本文本 文本文本文本文本文本文本

Css 为什么我的容器大小与文本大小不相关？ 文本文本文本文本文本文本 文本文本文本文本文本文本

css twitter-bootstrap sass

Css 为什么我的容器大小与文本大小不相关？ 文本文本文本文本文本文本 文本文本文本文本文本文本,css,twitter-bootstrap,sass,Css,Twitter Bootstrap,Sass,为什么我的容器大小与文本大小不相关？为什么要全宽？如何减小承载h2文本的容器的宽度 div和h2都是块元素。这意味着，除非指定宽度，否则它们将占用可用宽度。要实现您想要的，您可以尝试设置display:inline。但是，当元素具有位置：fixed时，这将不起作用。在这种情况下，您需要在包装元素上设置位置fixed <section id="slide-2" class="homeSlide"> <div class="bcg" data-cente

为什么我的
容器大小与文本大小不相关？为什么要全宽？如何减小
承载h2文本的容器的宽度


div
和h2都是块元素。这意味着，除非指定宽度，否则它们将占用可用宽度。要实现您想要的，您可以尝试设置
display:inlineh2
-元素上的code>。但是，当元素具有
位置：fixed
时，这将不起作用。在这种情况下，您需要在包装元素上设置位置fixed

<section id="slide-2" class="homeSlide">
    <div class="bcg"
        data-center="background-position: 50% 0px;"
        data-top-bottom="background-position: 50% -100px;"
        data-bottom-top="background-position: 50% 100px;"
        data-anchor-target="#slide-2"
    >
        <div class="hsContainer">
            <div class="hsContent"
                data-center="opacity: 1"
                data-center-top="opacity: 0"
                data--100-bottom="opacity: 0;"
                data-anchor-target="#slide-2"
            >
            <h2>TextTextTextTextTextTextTextTextText
                TextTextTextTextTextTextTextText</h2>
          </div>
          </div>
      </div>
 </section>