关于CSS浮动。

WBOY
Lepaskan: 2016-06-06 20:27:32
asal
1710 orang telah melayarinya

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

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

logo{

<code>float:left;
}</code>
Salin selepas log masuk
Salin selepas log masuk

daohang{

<code>}
</code>
Salin selepas log masuk
Salin selepas log masuk
首页 第二页 第三页
<code>             </code>
Salin selepas log masuk
Salin selepas log masuk

回复内容:

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

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

logo{

<code>float:left;
}</code>
Salin selepas log masuk
Salin selepas log masuk

daohang{

<code>}
</code>
Salin selepas log masuk
Salin selepas log masuk
首页 第二页 第三页
<code>             </code>
Salin selepas log masuk
Salin selepas log masuk

关于CSS浮动。

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

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

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

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

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan