div设置多种样式有关问题.
日期：2014-05-17 浏览次数：20550 次
div设置多种样式问题..
下面是DIV STYLE的一个操作：
=========================================
<style >
div{
float:left;
width:250px; height:250px;
border:1px red solid;
}
</style>
<body>
<div width:250px; >div1</div>
<div width:250px; >div2</div>
<div width:250px; >div3</div>
</body>
==========================================
这样出来的三个层会是横着摆放而且大小一致的，但是我想做中间的大，两边的小的样子
该怎么做... 想着设置ID可能会解决，但是STYLE设置的是DIV的样式，给下面的加了
ID明显不会有作用，要改STYLE，但是...不太清楚怎么改...
------解决方案--------------------
你这样写肯定不行了，格式都不对。你试试这下面的吧，可以自己改参数。
<style >
.div1{
float:left;
width:250px; height:250px;
border:1px red solid;
}
.div2{
float:left;
width:250px; height:400px;
border:1px red solid;
}
.div3{
float:left;
width:250px; height:250px;
border:1px red solid;
}
</style>
<body>
<div class="div1">div1</div>
<div class="div2">div2</div>
<div class="div3">div3</div>
</body>
下面是DIV STYLE的一个操作：
=========================================
<style >
div{
float:left;
width:250px; height:250px;
border:1px red solid;
}
</style>
<body>
<div width:250px; >div1</div>
<div width:250px; >div2</div>
<div width:250px; >div3</div>
</body>
==========================================
这样出来的三个层会是横着摆放而且大小一致的，但是我想做中间的大，两边的小的样子
该怎么做... 想着设置ID可能会解决，但是STYLE设置的是DIV的样式，给下面的加了
ID明显不会有作用，要改STYLE，但是...不太清楚怎么改...
HTML
DIV
STYLE
------解决方案--------------------
你这样写肯定不行了，格式都不对。你试试这下面的吧，可以自己改参数。
<style >
.div1{
float:left;
width:250px; height:250px;
border:1px red solid;
}
.div2{
float:left;
width:250px; height:400px;
border:1px red solid;
}
.div3{
float:left;
width:250px; height:250px;
border:1px red solid;
}
</style>
<body>
<div class="div1">div1</div>
<div class="div2">div2</div>
<div class="div3">div3</div>
</body>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
