Problems encountered in carousel Images

Problems encountered in carousel Images

Today, I encountered several problems in the carousel diagram of my website. I asked the experts to ask me what the problem was:

1. Set a background image for the entire carousel image. The background image is under the moderator, but you can repeat it and save it again. Why ??

2. If a is not converted to a and no float is added, set margin-left for a, which does not take effect. Because a is a row element without margin, there will be margin after the float is set.

3. If ul has a fixed width, set the li of three rows and four columns. Each li has an upper border and a right border, and the fourth of each line will be squeezed down, in this case, ul's width is richer, and li can be fully displayed. Then, ul's parent element overflow: hidden; is used to remove ul's redundant hidden, the extra part of ul is the border of li in it. Because the last one does not have the right border, let it go out and hide it.

The reason for setting overflow: hidden at the beginning is that overflow: hidden; added to ul should be added to ul's parent element.

4 ,. con_lunbo. w. life_list. life_bottom ul li: nth-child (2) a I {/* does not take effect --- li contains a, it should be a in the second li, rather than the second */
Width: 20px;
Height: 20px;
Background-position:-2px-45px;
Margin-top: 17px;
Margin-left: 13px;

}

------ An error element is found when the nth-child () selector is added.

5. con_lunbo. w. life_list. life_bottom ul li a p {/* invalid */
Font-size: 11px "";/* span is set at the beginning, span is a row element, text-align: center; does not work */
Color: #666;
Text-align: center;
}

6. I still have two questions that I don't quite understand:

1) When can I clear the float?

2) can an element be added with absolute positioning while floating?