代碼如下
<!-- 寵物部分代碼 -->
<div style="margin:0 0 420px 0;display:block">
<!-- 商品櫥窗色帶 -->
<div style="background-color:#fcaf17;width:100%;height:70px;border-radius:2em;text-align:center;margin:0 0 30px 0">
<font size="8" color="#563624"><b>這里的萌寵，猛男都頂不住</b></font>
</div>
<!-- 寵物展示 -->
<c:forEach items="${productList}" var="pet">
<div class="col-md-3" id="productDiv" style="background-color:#d1c7b7;padding-left: 0px;padding-right: 0px;border-radius:1em;margin:10px 20px">
<a href="https://bbs.csdn.net/topics/${pageContext.request.contextPath }/productDetailServlet?pid=${pet.pid}" style="text-decoration:none">
<img id="productImg" alt="商品圖片" src="https://bbs.csdn.net/topics/${pet.petimage }"><br>
品種:<span id="productIntroduce"><b>${pet.petkind }</b></span><br>
昵稱:<span id="productPrice">${pet.pname}</span><br>
價格:<span id="productPrice">￥${pet.price}</span><br>
</a>
</div>
</c:forEach>
<!-- 寵物部分div結束 -->
</div>
<!--清除浮動 -->
<div class="clearfix"></div>
<hr>
<br>
<!-- 寵物糧食部分div -->
<div style="margin:0 0 420px 0;display:block">
<!-- 商品櫥窗色帶 -->
<div style="background-color:#fedcbd;width:100%;height:70px;border-radius:2em;text-align:center;margin:0 0 30px 0">
<font size="8" color="#563624"><b>寵物吃什么？來看這里吧^_^</b></font>
</div>
<!-- 寵物糧展示 -->
<c:forEach items="${productList2}" var="product">
<div class="col-xs-6 col-sm-4 col-md-3" id="productDiv" style="background-color:#d1c7b7;padding-left: 0px;padding-right: 0px;border-radius:1em;margin:10px 20px">
<a href="https://bbs.csdn.net/topics/${pageContext.request.contextPath }/productDetailServlet?pid=${product.pid}" style="text-decoration:none">
<img id="productImg_1" alt="商品圖片" src="https://bbs.csdn.net/topics/${product.petimage }"><br>
產品名:<span id="productIntroduce"><b>${product.pname}</b></span><br>
種類:<span id="productPrice">${product.petkind }</span><br>
價格:<span id="productPrice">￥${product.price}</span><br>
</a>
</div>
</c:forEach>
<!-- 寵物糧食部分div結束 -->
</div>
這兩個地方代碼是一樣的，但是顯示的樣式就是不一樣，我還找不到毛病，我把下面部分的資料換成寵物的資訊時候就正常，換回寵物糧食資訊就出這樣的問題了，強迫癥把我逼瘋了快要，有沒有大牛救救我，謝謝呀
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/47111.html
標籤：HTML5
上一篇：有沒有最新的方法取搜狗來源關鍵詞