Heim > Backend-Entwicklung > PHP-Tutorial > 关于CSS浮动。

关于CSS浮动。

WBOY
Freigeben: 2016-06-06 20:27:32
Original
1716 Leute haben es durchsucht

LOGO一张图片,左浮。
导航条是一个table里面很多内容。
关于CSS浮动。

现在想吧首页、第二页这个table元素放在LOGO图片的下方
现在的代码,现在LOGO是左浮的、但是给daohang设置背景颜色,背景颜色是到LOGO图片下方的。table还是在右边。

logo{

<code>float:left;
}</code>
Nach dem Login kopieren
Nach dem Login kopieren

daohang{

<code>}
</code>
Nach dem Login kopieren
Nach dem Login kopieren
首页 第二页 第三页
<code>             </code>
Nach dem Login kopieren
Nach dem Login kopieren

回复内容:

LOGO一张图片,左浮。
导航条是一个table里面很多内容。
关于CSS浮动。

现在想吧首页、第二页这个table元素放在LOGO图片的下方
现在的代码,现在LOGO是左浮的、但是给daohang设置背景颜色,背景颜色是到LOGO图片下方的。table还是在右边。

logo{

<code>float:left;
}</code>
Nach dem Login kopieren
Nach dem Login kopieren

daohang{

<code>}
</code>
Nach dem Login kopieren
Nach dem Login kopieren
首页 第二页 第三页
<code>             </code>
Nach dem Login kopieren
Nach dem Login kopieren

关于CSS浮动。

这个是最终要的效果。
因为导航是

的一个表,别人给的导航,所以里面包含了样式等多种东西,所以要把整个
设一个ID,用CSS做成上面图片的样子。现在不论怎么浮动,就是不能重叠在一起。要用LOGO图片遮盖住导航条前边一点位置的内容。这个怎么设置CSS。

主要是位置相对绝对的问题!
关于CSS浮动。
关于CSS浮动。
关于CSS浮动。
关于CSS浮动。

给一个demo:https://jsbin.com/buyojixana/edit?html,css,output

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage