会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132903个问题
Python 全系列/第二阶段:Python 深入与提高/模块 30812楼
JAVA 全系列/第一阶段:JAVA 快速入门/面向对象详解和JVM底层内存分析 30813楼
JAVA 全系列/第一阶段:JAVA 快速入门/控制语句、方法、递归算法 30814楼
JAVA 全系列/第一阶段:JAVA 快速入门/面向对象详解和JVM底层内存分析 30815楼
WEB前端全系列/第十九阶段:Vue2知识体系(旧)/Vue基础知识 30816楼
Python 全系列/第二十二阶段:人工智能基础_机器学习理论与实战/线性回归与梯度下降法 30817楼

你好老师,我这除了h3已经设置高度的,其他内容怎么撑不开高度显示不出来呐

<div class="content">

        <div class="wrap">


        <!-- 手机模块开始 -->


            <div class="phone">

                <h3 class="title">手机</h3>

                <div class="phone-box">

                    <div class="phone-box-left">

                        <a href="#"><img src="./images/phone_left.jpg" alt=""></a>

                    </div>

                    <div class="phone-box-right">

                        <div class="item">

                            <a href="#">

                                <img src="./images/phone-right.jpg" alt="" class="item-img">

                                <p class="item-name">小米10至尊纪念版</p>

                                <p class="item-desc">120X 变焦/120W秒充/120Hz屏幕</p>

                                <p class="item-price">5299元起</p>

                            </a>

                        </div>

                        <div class="item">

                            <a href="#">

                                <img src="./images/phone-right.jpg" alt="" class="item-img">

                                <p class="item-name">小米10至尊纪念版</p>

                                <p class="item-desc">120X 变焦/120W秒充/120Hz屏幕</p>

                                <p class="item-price">5299元起</p>

                            </a>

                        </div>

                        <div class="item">

                            <a href="#">

                                <img src="./images/phone-right.jpg" alt="" class="item-img">

                                <p class="item-name">小米10至尊纪念版</p>

                                <p class="item-desc">120X 变焦/120W秒充/120Hz屏幕</p>

                                <p class="item-price">5299元起</p>

                            </a>

                        </div>

                        <div class="item">

                            <a href="#">

                                <img src="./images/phone-right.jpg" alt="" class="item-img">

                                <p class="item-name">小米10至尊纪念版</p>

                                <p class="item-desc">120X 变焦/120W秒充/120Hz屏幕</p>

                                <p class="item-price">5299元起</p>

                            </a>

                        </div>

                        <div class="item">

                            <a href="#">

                                <img src="./images/phone-right.jpg" alt="" class="item-img">

                                <p class="item-name">小米10至尊纪念版</p>

                                <p class="item-desc">120X 变焦/120W秒充/120Hz屏幕</p>

                                <p class="item-price">5299元起</p>

                            </a>

                        </div>

                        <div class="item">

                            <a href="#">

                                <img src="./images/phone-right.jpg" alt="" class="item-img">

                                <p class="item-name">小米10至尊纪念版</p>

                                <p class="item-desc">120X 变焦/120W秒充/120Hz屏幕</p>

                                <p class="item-price">5299元起</p>

                            </a>

                        </div>

                        <div class="item">

                            <a href="#">

                                <img src="./images/phone-right.jpg" alt="" class="item-img">

                                <p class="item-name">小米10至尊纪念版</p>

                                <p class="item-desc">120X 变焦/120W秒充/120Hz屏幕</p>

                                <p class="item-price">5299元起</p>

                            </a>

                        </div>

                        <div class="item">

                            <a href="#">

                                <img src="./images/phone-right.jpg" alt="" class="item-img">

                                <p class="item-name">小米10至尊纪念版</p>

                                <p class="item-desc">120X 变焦/120W秒充/120Hz屏幕</p>

                                <p class="item-price">5299元起</p>

                            </a>

                        </div>

                    </div>

                </div>

                <div class="big-img">

                    <a href="#">

                        <img src="./images/phone_ad.jpg" alt="">

                    </a>

                </div>

            </div>


        <!-- 手机模块结束 -->


        </div>

    </div>



/* 主体开始 */


    .content{

        width: 100%;

        background: #f5f5f5;

        overflow: hidden;

        padding: 4px 0 12px;

    }


    .title{

        font-size: 22px;

        color: #333;

        text-align: left;

        font-weight: 200;

        line-height: 58px;

    }


image.png



WEB前端全系列/第一阶段:HTML5+CSS3模块/商城官网项目 30818楼
JAVA 全系列/第二阶段:JAVA 基础深化和提高/IO流技术 30820楼

2020 12 20 21:10----------------------

package com.bjsxt.dom;

import java.io.IOException;

import javax.xml.parsers.DocumentBuilder;
import javax.xml.parsers.DocumentBuilderFactory;
import javax.xml.parsers.ParserConfigurationException;

import org.w3c.dom.Document;
import org.w3c.dom.NamedNodeMap;
import org.w3c.dom.Node;
import org.w3c.dom.NodeList;
import org.xml.sax.SAXException;

public class TestDOMParse {
   public static void main(String[] args) throws ParserConfigurationException, SAXException, IOException {
      // 1) 创建一个DocumentBuilderFactory的对象
      DocumentBuilderFactory dbf=DocumentBuilderFactory.newInstance();
      // 2) 创建一个DocumentBuilder对象
      DocumentBuilder db=dbf.newDocumentBuilder();
      // 3) 通过DocumentBuilder的parse(...)方法得到Document对象
      Document doc=db.parse("book.xml");
      // 4) 通过getElementsByTagName(...)方法获取到节点的列表
      NodeList bookList=doc.getElementsByTagName("book");
      //System.out.println(bookList.getLength());
      // 5) 通过for循环遍历每一个节点
      for(int i=0;i<bookList.getLength();i++){
         //6)   得到每个节点的属性和属性值
         Node book=bookList.item(i);
         NamedNodeMap attrs=book.getAttributes(); //得到了属性的集合
         //循环遍历每一个属性
         for(int j=0;j<attrs.getLength();j++){
            //得到每一个属性
            Node id=attrs.item(j);
            System.out.println("属性的名称:"+id.getNodeName()+"\t"+id.getNodeValue());
         }
      }
      System.out.println("\n每个节点的名和节点的值");
//    7) 得到每个节点的节点名和节点值
      for(int i=0;i<bookList.getLength();i++){
         //得到每一个book节点
         Node book=bookList.item(i);
         NodeList subNode=book.getChildNodes();
         System.out.println("子节点的个数:"+subNode.getLength());
         //使用for循环遍历每一book的子节点
         for(int j=0;j<subNode.getLength();j++){
            Node childNode=subNode.item(j);
            //System.out.println(childNode.getNodeName());
            short type=childNode.getNodeType(); //获取节点的类型
            if(type==Node.ELEMENT_NODE){
               System.out.println("节点的名称:"+childNode.getNodeName()+"\t"+childNode.getTextContent());
            }

         }
      }

   }
}
<?xml version="1.0" encoding="UTF-8"?>
<books>
   <book id="1001">
      <name>java开发实战</name>
      <author>张小三</author>
      <price>98.5</price>
   </book>
   <book id="1002">
      <name>mysql从删库到跑路</name>
      <author>王一一</author>
      <price>89.7</price>
   </book>
</books>

YO)FESE6C}X8$OM($`SPYUU.png

7个节点是7个?


JAVA 全系列/第二阶段:JAVA 基础深化和提高/XML 技术(旧) 30821楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

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