相关疑难解决方法(0)

我知道将一个块元素放在内联元素中是错误的,但是下面呢？

想象一下这个有效的标记:

<div><p>This is a paragraph</p></div>

现在添加这个CSS:

div {
   display:inline;
}

这会创建一个内联元素包含块元素的情况(div变为内联,默认情况下p为块)

页面元素是否仍然有效？

在应用CSS规则之前或之后,我们如何以及何时判断HTML是否有效？

更新:我已经了解到在HTML5中将块级元素放在链接标记内是完全有效的,例如:

<a href="#">
      <h1>Heading</h1>
      <p>Paragraph.</p>
</a>

如果您希望将大块HTML作为链接,这实际上非常有用.

我试图做一个<div>只有水平滚动,我通过使用实现了这一<span>s的white-space: no-wrap;内<div>用overflow-x: scroll;.问题是我不能在这些内容中使用包含文本的段落<span>,因为它会破坏Chrome中的布局.

这些是我想要的(在Firefox中有效)以及我在Chrome中所拥有的内容:

每当段落文本包含在<span>s中时,就会出现问题.

这是我的HTML和CSS:

.info {
  width: 250px;
  height: 200px;
  float: left;
}
.list {
  height: 200px;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
}
.item {
  height: 175px;
  width: 175px;
  display: inline-block;
  margin-left: 5px;
  overflow: hidden; /* without this, the layout breaks in Firefox, too */
}
.item * {
  white-space: normal;
}

<div id="listOne red">
  <div class="info blue">
    <p>Info regarding this list of …

我有这个div元素:

    <div id="tl"  style="float:right;width: 400px; height:100px; background-color:Green; overflow-x: scroll;overflow-y: hidden;">

        <div id='demo' style="float:left;height:90px;"> dsadsad </div>
        <div id='demo' style="float:left;height:90px;"> dsadsad </div>

    </div>

div演示将在tl div中通过代码复制更多次.我想水平滚动tl div.

我怎样才能实现它？

我想要很多小的div-s彼此相邻,没有换行符:

<div style="overflow: scroll;">

<div style="float: left; width: 40px;"></div>
<div style="float: left; width: 40px;"></div>
<div style="float: left; width: 40px;"></div>

</div>

问题是,宽度有效,但是如果溢出它会转到新行,所以不要水平滚动.