css - 如何在 标签内设置此 div 和链接的样式？

Question

<li> <div class="test"><a href="example">Dummy</a> </div></li>

我对 li 元素进行了样式设置，使其具有一定的高度并填满屏幕的整个宽度。问题是 in 中的 div 假定垂直高度与 li> 相同。我尝试添加 pad 或 margin，它会在 div 和 li 之间创建一个间隙，但如果这样做有意义的话，会以增加 li 元素的高度为代价。

1. 如何缩小 div？垂直？它有背景色，我可以通过它看到它占用的空间。

2. 其次，当我尝试将 anchor float 到 div 中的右侧时，它不起作用吗？

3. 最后，我想在 div 中有一个 img 标签，但是当我把它放进去时，它起作用了，但是 anchor 链接出现在它下面。

我知道好像我什么都不知道，但是这些东西好像不在我的书里。任何帮助表示赞赏。

Answer 1

它应该可以工作 - 你只是有一个小的语法错误，更改以下内容:

<div class="test" />

到

<div class="test">

按照您当前的方式，该 div 未封装任何内容。 (如果您发布您的 CSS 类 .test，我相信我自己或其他人会很乐意为您提供一个工作示例。)

示例:

Example (没有任何类型的想法你可能在寻找什么)