练习遇到困难了？

四块五的妞 · 发表于 2021-1-14 22:44

我box学的不好，在家没事练手效果图

怎么才能吧多个超链接放在一行（绝对定位？）代码写的不好

，各位谅解

[Asm] 纯文本查看 复制代码

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
	.box{
		width:900px;
		height:300px;
		background-color:#fff;
	}
	.one{
		background-image:url('1.gif');
		margin-bottom:20px;
	}
	.tow{
		background-color:blue;
	}
	.s{
		width:35px;
		height:30px;
		margin-left:500px;
		background-color:red;
	}
	</style>
</head>
<body>
	<div class="box one">
		<div class="s"><a href="#">首页</a></div>
	</div>
	<div class="box tow">1</div>
</body>
</html>

xuegaoxiansen · 发表于 2021-1-14 22:49

a难道不就是行元素嘛，多个不就在一行

邪恶海盗 · 发表于 2021-1-14 22:59

DIV会换行,直接用A就行

momosys · 发表于 2021-1-15 00:15

导航为什么不用
<ul>
<li><a>aaa</a></li>
<li><a>aaa</a></li>
<li><a>aaa</a></li>
<li><a>aaa</a></li>
</ul>
<style>
li{float:left / right}
</style>
呢？

AdmiralJie · 发表于 2021-1-15 00:53

用无序列表啊，<ul><li></li>....</ul>,再左浮动就好了

四块五的妞 · 发表于 2021-1-15 08:59

xuegaoxiansen 发表于 2021-1-14 22:49
a难道不就是行元素嘛，多个不就在一行

刚学，有很多不理解

四块五的妞 · 发表于 2021-1-15 09:03

邪恶海盗发表于 2021-1-14 22:59
DIV会换行,直接用A就行

好的，我知道了。

四块五的妞 · 发表于 2021-1-15 09:58

AdmiralJie 发表于 2021-1-15 00:53
用无序列表啊，....,再左浮动就好了

你写个吧我不会2333，我写的box都跑了

樱染落霞红 · 发表于 2021-1-15 17:23

本帖最后由樱染落霞红于 2021-1-15 17:27 编辑

[HTML] 纯文本查看 复制代码

<div class="s"><a href="#">首页</a><a href="#">一</a><a href="#">二</a></div>

建议了解块级元素和内联元素

AdmiralJie · 发表于 2021-1-16 12:29

四块五的妞发表于 2021-1-15 09:58
你写个吧我不会2333，我写的box都跑了

<ul>
<li><a>aaa</a></li>
<li><a>aaa</a></li>
<li><a>aaa</a></li>
<li><a>aaa</a></li>
</ul>
<style>
li{float:left / right}
a{display:inline-block;
text-decoration: none;
cursor: pointer;}
</style>

帐号		自动登录	找回密码
密码			注册[Register]

[求助] 练习遇到困难 了？

[求助] 练习遇到困难了？