Question

我有2个标签。如何让第二个标签溢出但不与第一个标签重叠。

下面是我想做的事的一个例子

Heading - Text text text text text text text text text text

Answer 1

与SteffPoint相反。绝对不要将html表用于网页结构。我建议您要做的是将两个段落都放置在自己的div中，以便它们具有自己的块，然后将它们彼此相邻地浮动。为此，最重要的是块的宽度。确保div的宽度足够小，以便在浮动时底部div向上滑动。我通常使用“％”符号，使其适应窗口的大小。

/*  CSS */
/* This border is simply to see the block you have around each paragraph */
.Block {
	border: 1px solid black;
	padding: 2px;
	margin: 2px;
  width: 40%;
}

.adjacentBlock {
	float: left;
}

<html>
	<head> 
		<link rel="stylesheet" href="help.css">
	</head>
	<body>
 
	<div class="Block adjacentBlock">
	  <p>This is your first paragraph inside the div</p>
	</div>

	<div class="Block adjacentBlock">
	  <p>This is your second paragraph inside the div</p>
	</div>

	</body>
</html>

如何避免两段文字并排重叠

1 个答案: