![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML与CSS
乘风破浪PL
加油加油,乘风破浪
展开
-
什么时候需要清除浮动,清除浮动的方法
什么时候需要清除浮动 ?当子元素设置了float属性之后,且父元素的高度和宽度没有进行设置,而是由子元素支撑起来,则会导致父元素的高度塌陷(原本的height后来被置为0)。详情如下图所示:清除浮动的方式1.在父元素内添加冗余元素clear:both;2.在父元素中设置属性overflow:hidden||auto...原创 2020-08-20 09:27:40 · 189 阅读 · 0 评论 -
z-index与超链接a标签冲突了怎么办?
当设置了属性z-index:-1;时,有时候会发现a标签无法点击了,这是因为你设置了-1是将这个div标签向下移了一层,而鼠标点击的时候只能点击到最上边一层的div。解决方法,在你需要的模块处加z-index:-1;尽量不要涉及a标签,如果在你需要的模块处加z-index不管用可以试试加一个position:relative;...原创 2020-08-04 23:55:57 · 470 阅读 · 0 评论 -
css实现下拉选择菜单
代码:<style> .dropdown { position: relative; display: inline-block; }.dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0原创 2020-08-02 14:27:23 · 490 阅读 · 0 评论 -
css左边是图片右边是文字方法
<div id="container"><div id="photo"><img src="图片地址" /></div><div id="content"><div id="text">文字介绍</div><div id="news">新闻内容</div></div></div>CSS:#container {width: 100%;}#photo {flo原创 2020-07-09 18:39:11 · 18716 阅读 · 4 评论 -
HTML表单的输入控件
HTML表单的输入控件主要有以下几种:文本框,对应的,用于输入文本;口令框,对应的,用于输入口令;单选框,对应的,用于选择一项;复选框,对应的,用于选择多项;下拉框,对应的,用于选择一项;隐藏文本,对应的,用户不可见,但表单提交时会把隐藏文本发送到服务器。...原创 2020-05-20 13:49:14 · 1423 阅读 · 0 评论 -
css与js实现轮播图效果
HTML代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="js/jquery-3.1.1.js"></script> <link rel="stylesheet" href="css/轮播样式.css"></h.原创 2020-05-20 14:06:08 · 371 阅读 · 0 评论 -
用flex布局实现携程网首页的制作
flex为主其他为辅废话不多说上代码:其中的图片都是去官网直接下载的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scal...原创 2020-05-08 16:52:08 · 1226 阅读 · 7 评论