为什么p3长度更改不了

为什么p3长度更改不了

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>元素的宽度</title>
    <style type="text/css">
   
           
             .p1{width:400px;background-color:red;}
             .p2{max-width:200px;background-color:red;}
             .p3{min-width:100px;background-color:red;}
             
             /*补充代码*/
    </style>
</head>
<body>
    <div>
        <p class="p1">第一个P标签是父元素宽度的50%</p>
        <p class="p2">第二个P标签的最大宽度是父元素的30%</p>
        <p class="p3">第三个P标签的最小宽度是父元素的70%</p>
    </div>
</body>
</html>

http://img1.sycdn.imooc.com/climg//5993aeaa0001603005210195.jpg

正在回答

登陆购买课程后可参与讨论,去登陆

3回答

div的宽度值后面没有单位“px”

提问者 慕的地2368129 2017-08-16 11:10:45

http://img1.sycdn.imooc.com/climg//5993b78f0001516112690505.jpg还有请问老师这个DIV为什么设置宽度没用,没有效果

怎么都被占用了呢 2017-08-16 11:04:02

因为p3设置的是最小宽度,当浏览器窗口宽度大于设置的最小宽度值时,p3的宽度100%显示在浏览器中。

  • 提问者 慕的地2368129 #1
    老师上面那个回答,我设置DIV宽度,为什么没有效果啊
    2017-08-16 11:11:36
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师