У меня есть два класса CSS:
.class1 {
height: 100%;
width: 300px;
border: 1px none #B0B0B0;
position: relative;
display: inline;
left: 10px;
}
.class2 {
height: 100%;
width: 200px;
position: relative;
display: inline;
margin-left: 15px;
background-color: #00CCCC;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}
Теперь, как вы можете видеть, они оба настроены на отображение в строке (без разрывов строк между элементами). Который работает правильно. Но по какой-то причине, с тех пор, как я установил отображение в линию, Padding, Positioning и Margin CSS перестали работать. Я могу добавить на полях 10 дюймов, и ничего не произойдет. То же самое с отступами и позиционированием.
Может кто-нибудь объяснить, как это исправить?
Кроме того, у меня установлена относительная позиция для обоих классов, но при просмотре страницы в браузере .class2
за кругом .class1
, когда предполагается, что она находится сразу после .class1
.
Есть идеи?
EDIT
Ладно, я сделал JSFiddle, но там, кажется, он играет еще больше ...
Похоже, Width
не работает ....
вот оно:
http://jsfiddle.net/zYbwh/1/