会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132600个问题
JAVA 全系列/第十三阶段:分布式文件存储与数据缓存/MongoDB 24527楼

<!DOCTYPE html>

<html lang="en">


<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>xiaomi</title>

    <link rel="icon" href="../小米练习/小米项目图/favicon.ico">

    <link rel="stylesheet" href="css/rest.css">

    <link rel="stylesheet" href="mi.css">

    <style>

        .black-nav {

            height40px;

            width100%;

            line-height40px;

            font-size12px;

            color: #b0b0b0;

            background-color: #333;

        }

        

        .wap {

            width1226px;

            margin0 auto;

        }

        

        .black-nav-left {

            floatleft;

            list-stylenone;

        }

        

        .black-nav-right {

            floatright;

            list-stylenone;

        }

        

        .wap a {

            text-decorationnone;

        }

        

        .black-nav li {

            floatleft;

        }

        

        .black-nav a {

            color: #b0b0b0;

        }

        

        .black-nav a:hover {

            color: #fff;

        }

        

        .black-nav span {

            margin0 3.6px;

            color: #424242;

        }

        

        .cart {

            width120px;

            height40px;

            background-color: #424242;

            margin-left25px;

            positionrelative;

        }

    </style>

</head>


<body>


    <!-- 黑色导航样式开始 -->

    <div class="black-nav">

        <div class="wap">

            <ul class="black-nav-left">

                <li><a href="#">小米商城</a> <span>|</span></li>

                <li><a href="#"> MIUI </a> <span>|</span></li>

                <li><a href="#">loT</a> <span>|</span></li>

                <li><a href="#">云服务</a> <span>|</span></li>

                <li><a href="#">天星数科</a> <span>|</span></li>

                <li><a href="#">有品</a> <span>|</span></li>

                <li><a href="#">小爱开放平台</a> <span>|</span></li>

                <li><a href="#">企业团购</a> <span>|</span></li>

                <li><a href="#">资质证照</a> <span>|</span></li>

                <li><a href="#">协议规则</a> <span>|</span></li>

                <li><a href="#">下载app </a> <span>|</span></li>

                <li><a href="#">智能生活</a> <span>|</span></li>

                <li><a href="#"> Select Location</a> <span>|</span></li>

            </ul>

            <ul class="black-nav-right">

                <li><a href="#">登录</a> <span>|</span></li>

                <li><a href="#">注册</a> <span>|</span></li>

                <li><a href="#">消息通知</a> </li>

                <li class="cart"><a href="#">购物车(0)</a> </li>

            </ul>

        </div>

    </div>

    <!-- 黑色导航样式结束 -->

</body>


</html>

WEB前端全系列/第一阶段:HTML5+CSS3模块/CSS3新特性 24530楼

屏幕截图 2021-02-27 111657.png

屏幕截图 2021-02-27 111639.png

问题:老师请问一下为什么我点击添加商品以后,商品总价添加进去了,但是这个去结算的按钮也会移动?请问老师这个原因是什么?

代码:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/reset1.css" />
		<link rel="stylesheet" href="css/jd1.css" />
		<script type="text/javascript" src="js/js1.js">
			
		</script>
	</head>
	<body>
		<div class="nav">
			<div class="nav1">
				<ul class="nav-uu">
					<li><a href="">京东首页</a></li>
					<li class="l1"><a href="">配送至:北京</a></li>
				</ul>
				<ul class="nav1-u">
					<li><a href="">洋洋宝贝</a><span>|</span></li>
					<li><a href="">我的订单</a><span>|</span></li>
					<li><a href="">我的京东</a><span>|</span></li>
					<li><a href="">京东会员</a><span>|</span></li>
					<li><a href="">企业采购</a><span>|</span></li>
					<li><a href="">京东手机</a><span>|</span></li>
					<li><a href="">关注京东</a><span>|</span></li>
					<li><a href="">客户服务</a><span>|</span></li>
					<li><a href="">网站导航</a></li>
				</ul>
			</div>
		</div>
		<div class="nav2 nav1">
			<img src="img/logo.jpg" height="120px" />
			<input type="button" value="搜索" />
			<input type="text" width="100px" />
		</div>
		<div class="nav3 nav1">
			<ul>
				<li class="b1"><h2>全部商品</h2></li>
				<li class="b3"><select>
					<option>昌平区</option>
					<option>顺义区</option>
					<option>大兴区</option>
				</select></li>
				<li class="b2">配送至</li>
			</ul>
		</div>
		<div class="nav4 nav1">
			<ul>
				<li class="f1"><input type="checkbox" id="but1" onclick="demo1()"/>全选</li>
				<li class="f2">商品</li>
				<li class="f3">单价</li>
				<li class="f4">数量</li>
				<li class="f5">小计</li>
				<li class="f6">操作</li>
			</ul>
		</div>
		<div class="nav5 nav1">
			<ul>
				<li class="nn1"><input type="checkbox" id="but2" onclick="demo8()"/></li>
				<li class="nn2"><img src="img/手机.jpg" height="80px" /> </li>
				<li class="nn3">【京东超市】华为5G智能手机</li>
				<li class="nn4">颜色:红色+黑色</li>
				<li class="nn5" id="bal1">¥158.99</li>
				<li class="nn6"><button class="button-1" id="che2" onclick="demo3()">-</button><input type="text" value="1" id="in1"/><button id="che1" onclick="demo2()">+</button></li>
				<li class="nn7" id="bal2">¥158.99</li>
				<li class="nn8">删除<br/>移到我的关注</li>
				<!--<li class="nn9">移到我的关注</li>-->
			</ul>
		</div>
		<div class="nav6 nav1">
			<ul>
				<li class="nnn1"><input type="checkbox"  id="but3" onclick="demo8()"/></li>
				<li class="nnn2"><img src="img/手表.jpg" height="80px" /> </li>
				<li class="nnn3">【京东超市】华为5G智能手表</li>
				<li class="nnn4">颜色:红色+黑色</li>
				<li class="nnn5" id="bal3">¥208.99</li>
				<li class="nnn6"><button class="button-1" onclick="demo5()" id="che4">-</button><input type="text" value="1" id="in2"/><button onclick="demo4()" id="che3">+</button></li>
				<li class="nnn7" id="bal4">¥208.99</li>
				<li class="nnn8">删除<br/>移到我的关注</li>
				<!--<li class="nn9">移到我的关注</li>-->
			</ul>
		</div>
		<div class="nav7 nav1">
			<ul>
				<li class="nnnn1"><input type="checkbox" id="but4" onclick="demo8()"/></li>
				<li class="nnnn2"><img src="img/衣服.jpg" height="80px" /> </li>
				<li class="nnnn3">【京东超市】全新秋季男士套装</li>
				<li class="nnnn5" id="bal5">¥308.99</li>
				<li class="nnnn6"><button class="button-1" id="che6" onclick="demo7()">-</button><input type="text" value="1" id="in3"/><button onclick="demo6()" id="che5">+</button></li>
				<li class="nnnn7" id="bal6">¥308.99</li>
				<li class="nnnn8">删除<br/>移到我的关注</li>
				<!--<li class="nn9">移到我的关注</li>-->
			</ul>
		</div>
		<div class="nav8 nav1">
			<ul>
				<li class="ss1"><input type="checkbox" id="but5"/>全选</li>
				<li class="ss2">删除选中商品</li>
				<li class="ss3">移到我的关注</li>
				<li class="ss4">清除下柜商品</li>
				<li class="ss5">已经选择<span id="span1">0</span>件商品</li>
				<li class="ss6">总价<span id="span2">0</span></li>
				<li class="ss7"><input type="button" value="去结算"/></li>
			</ul>
		</div>
	</body>
</html>


Python 全系列/第七阶段:网页编程基础/JavaScript 24532楼
JAVA 全系列/第八阶段:Linux入门到实战/Linux(旧) 24535楼
JAVA 全系列/第八阶段:Linux入门到实战/Linux(旧) 24538楼


manager.7z

报错:服务器上找不到url,头疼

Python 全系列/第十阶段:Flask百战电商后台项目/Flask百战电商后台项目 24540楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637